\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\nexport default Demo33; \n\n\n// WEBPACK FOOTER //\n// ./demo/demolist/Demo0404.js","import multiSelect from './multiSelect';\n\nexport default function newMultiSelect(Table, Checkbox) {\n return multiSelect(Table, Checkbox);\n}\n\n\n// WEBPACK FOOTER //\n// ./src/lib/newMultiSelect.js","import React, { Component } from \"react\";\nimport PropTypes from 'prop-types';\nimport {ObjectAssign} from './util';\n/**\n * 参数: 过滤表头\n * @param {*} Table\n * @param {*} Checkbox\n * @param {*} Popover\n * @param {*} Icon\n */\n\nexport default function multiSelect(Table, Checkbox) {\n\n return class MultiSelect extends Component {\n static propTypes = {\n autoCheckedByClickRows: PropTypes.bool, //行点击时，是否自动勾选复选框\n };\n static defaultProps = {\n prefixCls: \"u-table-mult-select\",\n getSelectedDataFunc:()=>{},\n autoSelect: false,\n autoCheckedByClickRows: true,\n multiSelectConfig: {}\n }\n\n constructor(props) {\n super(props);\n let obj = this.getCheckedOrIndeter(props.data);\n this.state = {\n ...obj,\n data:ObjectAssign(props.data),\n }\n }\n\n componentWillReceiveProps(nextProps){\n if('data' in nextProps){\n let obj = this.getCheckedOrIndeter(nextProps.data);\n this.setState({\n ...obj,\n data:ObjectAssign(nextProps.data),\n })\n }\n }\n\n /**\n * @param {*} data \n */\n getCheckedOrIndeter(data){\n let obj = {};\n let checkStatus = this.checkAllSelected(data);\n if(!checkStatus){\n obj.checkedAll = false;\n obj.indeterminate = false;\n return obj;\n }\n if(checkStatus == 'indeter'){\n obj.indeterminate = true;\n obj.checkedAll = false;\n }else if(checkStatus == 'all'){\n obj.checkedAll = true;\n obj.indeterminate = false;\n }\n return obj;\n }\n\n /**\n * 判断数据是否全部选中\n * @param {*} data \n * return string all(全选)、indeter(半选)\n */\n setChecked(data){\n if(!this.isArray(data))return false;\n if(data.length == 0)return false;\n let count = 0;\n let disabledCount = 0;\n data.forEach(da=>{\n if(da._checked && !da._disabled){\n count ++;\n }\n if(da._disabled){\n disabledCount ++;\n }\n })\n\n if(data.length == count + disabledCount && count>0){\n return \"all\";\n }\n return count == 0?false:\"indeter\";\n }\n\n /**\n * 重写：判断数据是否全部选中\n */\n checkAllSelected = ( data ) => {\n if(!this.isArray(data))return false;\n if(data.length == 0)return false;\n let count = 0;\n let disabledCount = 0;\n let length = 0;\n let getTree = ( arr ) => {\n arr.forEach( item => {\n length++;\n if(item._checked && !item._disabled){\n count ++;\n }\n else if(item._disabled){\n disabledCount ++;\n }\n if(item.children){\n getTree(item.children);\n }\n })\n }\n getTree(data);\n if(length == count + disabledCount && count>0){\n return \"all\";\n }\n return count == 0?false:\"indeter\";\n }\n\n /**\n * 判断是否是数组\n * @param {*} o \n */\n isArray(o){\n return Object.prototype.toString.call(o)=='[object Array]';\n }\n\n\n onAllCheckChange=()=>{\n let {data,checkedAll,indeterminate} = this.state;\n let check = false;\n if(checkedAll){\n check = false;\n }else{\n check = true;\n }\n let selectList = [];\n \n data.forEach(item => {\n if( item.children ){\n let res = this.setTree(item,check, true);\n selectList = selectList.concat(res);\n }\n else {\n if(!item._disabled){\n item._checked = check;\n }\n \n if(item._checked){\n selectList.push(item);\n }\n }\n });\n if(selectList.length > 0){\n indeterminate = true;\n }else{\n indeterminate = false;\n }\n this.setState({\n indeterminate:indeterminate,\n checkedAll:check\n });\n this.props.getSelectedDataFunc(selectList,undefined,undefined,data);\n }\n\n /**\n * 遍历树节点和它的子孙节点，设置_checked\n */\n setTree = ( node, flag, autoSelect) => {\n let res = [];\n let setTreeNodeFlag = ( node, flag) => {\n if(!node._disabled){\n node._checked = flag;\n }\n if(flag){\n res.push(node);\n }\n if(node.children && autoSelect){\n node.children.forEach( item => {\n setTreeNodeFlag(item, flag);\n })\n }\n }\n setTreeNodeFlag(node, flag);\n return res;\n }\n\n /**\n * 遍历树节点和它的子孙节点，获取对应状态的节点数组\n */\n getTree = ( node, key, value ) => {\n let res = [];\n let getTreeNodeByFlag = ( node) => {\n if(node[key] === value){\n res.push(node);\n }\n if(node.children){\n node.children.forEach( item => {\n getTreeNodeByFlag(item);\n })\n }\n }\n getTreeNodeByFlag(node);\n return res;\n }\n \n onCheckboxChange = (text, record, index) => () => {\n let {data} = this.state;\n let selectList = [];\n // record._checked = record._checked?false:true;\n let flag = record._checked ? false : true;\n if (record.children) {\n this.setTree(record, flag, this.props.autoSelect);\n }\n else {\n record._checked = flag;\n }\n let obj = this.getCheckedOrIndeter(data);\n this.setState({\n data:data,\n ...obj\n })\n data.forEach((da)=>{\n if(da.children){\n selectList = selectList.concat(this.getTree(da,'_checked',true))\n }\n else if(da._checked){\n selectList.push(da);\n }\n })\n this.props.getSelectedDataFunc(selectList,record,index,data);\n };\n\n \n\n getDefaultColumns=(columns)=>{\n let {multiSelectConfig} = this.props;\n let {checkedAll,indeterminate} = this.state;\n let checkAttr = {checked:checkedAll?true:false};\n const data = this.props.data;\n const dataLength = data.length;\n let disabledCount = 0;\n indeterminate?checkAttr.indeterminate = true:\"\";\n //设置\b表头Checkbox是否可以点击\n data.forEach((item,index,arr)=>{\n if(item._disabled){\n disabledCount++;\n }\n })\n\n let _defaultColumns =[{\n className: 'u-table-multiSelect-column',\n title: (\n \n ),\n key: \"checkbox\",\n dataIndex: \"checkbox\",\n fixed:\"left\",\n width: 49, \n render: (text, record, index) => {\n let attr = {};\n record._disabled?attr.disabled = record._disabled:\"\";\n return \n }\n }]\n return _defaultColumns.concat(columns);\n }\n\n // 实现行点击时触发多选框勾选的需求\n onRowClick = (record,index,event) =>{\n if(record._disabled) return;\n let { autoCheckedByClickRows, onRowClick } = this.props;\n if(autoCheckedByClickRows) {\n this.onCheckboxChange('',record, index)();\n }\n onRowClick && onRowClick(record,index,event);\n }\n\n render() {\n const {columns, expandIconColumnIndex} = this.props;\n const {data} = this.state;\n return \n }\n };\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/multiSelect.js","import React, { Component } from \"react\";\n\n/**\n * 参数：prefixCls，默认bee-table,用于设置图标的样式\n * @param {*} Table\n * @param {*} Icon\n */\nexport default function sort(Table, Icon) {\n const IconType = [{\n 'type':'flat',\n 'icon':'uf-symlist',\n 'order':'flatscend',\n },{\n 'type':'up',\n 'icon':'uf-sortup',\n 'order':'ascend',\n },{\n 'type':'down',\n 'icon':'uf-sortdown',\n 'order':'descend',\n }\n ]\n \n return class SortTable extends Component {\n constructor(props) {\n super(props);\n let flatColumns = [];\n this._toFlatColumn(props.columns,-1,flatColumns);\n this.state = { data: this.props.data, columns: props.columns,flatColumns:flatColumns };\n \n }\n static defaultProps = { sort: { mode: \"single\", backSource: false } }; //默认是前端排序，值为true为后端排序\n componentWillReceiveProps(nextProps) {\n \n if (nextProps.data !== this.props.data) {\n this.setState({\n data: nextProps.data,\n oldData: nextProps.data.concat()\n });\n }\n if (nextProps.columns !== this.props.columns) {\n let flatColumns = [];\n this._toFlatColumn(nextProps.columns,-1,flatColumns);\n this.setState({ columns: nextProps.columns ,flatColumns});\n \n }\n }\n /**\n *column扁平化处理，适应多表头避免递归操作\n *\n */\n _toFlatColumn(columns,parentIndex = -1,flatColumns=[]) {\n const _this = this;\n let children = [];\n // const flatColumns = _this.state;\n columns.forEach((item,index)=>{\n item.parentIndex = parentIndex;\n children = item.children;\n flatColumns.push(item);\n if(children){\n // item.children = [];\n _this._toFlatColumn(children,flatColumns.length - 1,flatColumns);\n }\n });\n }\n getOrderNum = () => {\n let orderNum = 0;\n //todo 1\n this.state.flatColumns.forEach((item, index) => {\n if (item.order == \"ascend\" || item.order == \"descend\") {\n orderNum++;\n }\n });\n return orderNum ? orderNum : 1;\n };\n\n /**\n * column 当前的排序的列\n * 当有的列不排序时，将该列的orderNum置为‘’，并动态的修改其他列的orderNum。\n */\n changeOrderNum = column => {\n let { flatColumns } = this.state;\n //todo 2\n flatColumns.forEach(col => {\n if (col.orderNum > column.orderNum) {\n col.orderNum--;\n }\n if (column.key == col.key) {\n col.orderNum = \"\";\n }\n });\n this.setState({ flatColumns });\n };\n /**\n * 获取排序字段\n */\n getOrderCols = columns => {\n let orderCols = [];\n //todo 3\n columns.forEach(item => {\n if (item.order == \"ascend\" || item.order == \"descend\") {\n orderCols.push({\n order: item.order,\n field: item.dataIndex,\n orderNum: item.orderNum\n });\n }\n });\n return orderCols;\n };\n\n /**\n * pre：前一条数据\n * after:后一条数据\n * orderType:升序、降序\n */\n _sortBy = (pre, after, orderCols, orderColslen, currentIndex) => {\n const currentCol = orderCols[currentIndex];\n const preKey = pre[currentCol.key];\n const afterKey = after[currentCol.key];\n let colSortFun = currentCol.sorter;\n if(typeof colSortFun !== 'function'){\n colSortFun = () => preKey - afterKey;\n }\n if (preKey == afterKey && currentIndex + 1 <= orderColslen) {\n return this._sortBy(pre, after, orderCols, orderColslen, currentIndex + 1);\n }\n if (currentCol.order == \"ascend\") {\n return colSortFun(pre,after);\n } else { \n return -colSortFun(pre,after);\n }\n };\n /**\n * 多列排序 先排order为1的，其他的基于已排序的数据排\n */\n multiSort = columns => {\n let { data, oldData } = this.state;\n const self = this;\n let orderCols = {},\n orderColslen = 0;\n //todo 4\n columns.forEach(item => {\n if (item.orderNum) {\n orderColslen++;\n orderCols[item.orderNum] = item;\n }\n });\n if (orderColslen > 0) {\n data = data.sort(function(a, b) {\n return self._sortBy(a, b, orderCols, orderColslen, 1);\n });\n } else {\n data = oldData.concat();\n }\n return data;\n };\n\n toggleSortOrder = (order, column) => {\n let { data, oldData, flatColumns } = this.state;\n let { sort } = this.props;\n let seleObj;\n if (!oldData) {\n oldData = data.concat();\n }\n let sortCol ;\n //单列排序，清空其他列的排序\n if (sort.mode == \"single\") {\n //todo 5\n flatColumns.forEach(da => {\n if (da.key == column.key) {\n seleObj = da;\n } else {\n if (da.order) {\n da.order = \"flatscend\";\n }\n }\n });\n seleObj.order = order;\n sortCol = [{ order: order, field: seleObj.dataIndex }]\n //通过后端请求\n if (sort.backSource && typeof sort.sortFun === \"function\") {\n //获取排序的字段和方式\n sort.sortFun(sortCol);\n \n } else {\n if (order === \"ascend\") {\n data = data.sort(function(a, b) {\n return column.sorter(a, b);\n });\n } else if (order === \"descend\") {\n data = data.sort(function(a, b) {\n return column.sorter(b, a);\n });\n } else {\n data = oldData.concat();\n }\n typeof sort.sortFun === \"function\" && sort.sortFun(sortCol,data);\n }\n } else {\n seleObj = flatColumns.find(da => da.key == column.key);\n seleObj.order = order;\n if (order === \"flatscend\") {\n this.changeOrderNum(column);\n }\n if (!seleObj.orderNum && (order == \"ascend\" || order == \"descend\")) {\n seleObj.orderNum = this.getOrderNum();\n }\n sortCol = this.getOrderCols(flatColumns);\n if (sort.backSource && typeof sort.sortFun === \"function\") {\n sort.sortFun(sortCol);\n } else {\n data = this.multiSort(flatColumns);\n typeof sort.sortFun === \"function\" && sort.sortFun(sortCol,data);\n }\n }\n this.setState({ data, oldData, flatColumns });\n };\n //每个column上添加orderNum属性，不排序时为“”。\n //点击时orderNum有值则不重新赋值，如果没有值，则取当前column下的有oderNum的length值。并排序\n //点击置为“”时，动态的设置相关column的orderNum值。并排序\n renderColumnsDropdown = columns => {\n let tempColumns = [],rsColumns = [];\n tempColumns = columns.map(originColumn => {\n let column = Object.assign({}, originColumn);\n return this.sortColumn(column);\n });\n rsColumns = this._flatToColumn(tempColumns);\n return rsColumns;\n };\n\n sortColumn = column => {\n const { mode } = this.props.sort;\n const prefixCls = \"bee-table\";\n let iconTypeIndex = 0;\n let sorterClass = \"flat\";\n\n if (column.order === \"ascend\") {\n iconTypeIndex = 1;\n sorterClass = \"up\";\n } else if (column.order === \"descend\") {\n iconTypeIndex = 2;\n sorterClass = \"down\";\n }\n\n let sortButton;\n\n // sorter和sortEnable均可触发排序,且sorter优先级更高\n if (column.sorter || column.sortEnable ) {\n //大于0说明不是升序就是降序，判断orderNum有没有值，没有值赋值\n if ( column.sortEnable && !column.sorter) {\n switch(column.fieldType){\n case 'number':{\n column.sorter = this.numberSortFn(column.dataIndex);\n break;\n }\n case 'stringChinese':{\n column.sorter = this.chineseSortFn(column.dataIndex);\n break;\n }\n default:{\n column.sorter = this.defaultSortFn(column.dataIndex);\n break;\n }\n }\n }\n if (iconTypeIndex > 0 && !column.orderNum && mode == \"multiple\") {\n column.orderNum = this.getOrderNum();\n }\n sortButton = \n {\n this.toggleSortOrder(IconType[iconTypeIndex == 2 ? 0 : iconTypeIndex + 1].order, column);\n\n if (column.sorterClick) {\n column.sorterClick(column, IconType[iconTypeIndex].type);\n }\n }}>\n {/* */}\n \n {column.orderNum}\n \n
;\n }\n column.title = \n {column.title}\n {sortButton}\n ;\n return column;\n };\n\n // 默认的比较函数,即字符串比较函数\n defaultSortFn = (key) => (a, b)=> {\n return a[key] >= b[key] ? 1 : -1;\n }\n // 数值比较函数\n numberSortFn = (key) => (a, b)=> {\n let numberA = parseFloat(a[key]);\n let numberB = parseFloat(b[key]);\n return numberA >= numberB ? 1 : -1;\n }\n\n // 中文比较函数，按拼音排序\n chineseSortFn = (key) => (a, b)=>{\n return a[key].localeCompare(b[key], 'zh-Hans-CN',{sensitivity: 'accent'});\n } \n\n _flatToColumn(flatColumns){\n const colLen = flatColumns.length;\n let parentIndex,rsColumns = [];\n //每次渲染需要将父类的children置空，避免重复\n flatColumns.forEach(item=>{\n if(item.children){\n item.children = [];\n }\n })\n for(let i = colLen-1;i>=0;i--){\n parentIndex = flatColumns[i].parentIndex;\n if(parentIndex >= 0){\n flatColumns[parentIndex].children.unshift(flatColumns[i]);\n }\n }\n rsColumns = flatColumns.filter(item=>{\n return item.parentIndex == -1\n })\n return rsColumns;\n }\n render() {\n let columns = this.renderColumnsDropdown(this.state.flatColumns.concat());\n return ;\n }\n };\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/sort.js","/**\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 \"../../src\"; \nimport sum from \"../../src/lib/sum.js\";\nimport multiSelect from \"../../src/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}\nexport default Demo35;\n\n\n\n// WEBPACK FOOTER //\n// ./demo/demolist/Demo0405.js","import React from \"react\";\n\nimport {DicimalFormater} from \"./utils\";\nexport default function sum(Table) {\n return class SumTable extends React.Component {\n //无状态\n constructor(props) {\n super(props);\n //array , tree\n this.tableType = \"array\";\n }\n\n\n getNodeItem =(array,newArray)=>{\n array.forEach((da,i)=>{\n if(da.children){\n this.getNodeItem(da.children,newArray);\n }else{\n newArray.push(da);\n }\n });\n }\n\n /**\n * 获取当前的表格类型。\n * \n */\n getTableType=()=>{\n const {columns} = this.props;\n let type = \"array\";\n columns.find((da,i)=>{\n if(da.children){\n type = \"tree\";\n return type;\n }\n })\n return type;\n }\n\n\n\n addSumData=()=>{\n let {data=[],columns=[]} = this.props;\n let sumdata = {},newColumns = [],newData = [];\n if (!Array.isArray(columns)) {console.log(\"columns type is error !\");return;}\n let type = this.getTableType();\n if(type == 'tree'){\n this.getNodeItem(columns,newColumns);\n }else{\n newColumns = columns;\n }\n //返回一个新的数据\n newData = data.slice();\n newColumns.forEach((column,index)=>{\n sumdata[column.dataIndex] = \"\";\n if(column.sumCol){\n let count = 0;\n data.forEach((da,i)=>{\n \n let _num = parseFloat(da[column.key]);\n //排查字段值为NAN情况\n if(_num == _num){\n count += _num;\n }\n \n })\n sumdata[column.dataIndex] = DicimalFormater(count,2);\n }\n if(index == 0){\n sumdata[column.dataIndex] = \"合计 \"+sumdata[column.dataIndex];\n }\n })\n \n newData.push(sumdata);\n return newData;\n }\n\n render() {\n return (\n \n );\n }\n };\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/sum.js","/**\n *\n * @title 自定义整行和整列样式表格\n * @parent 列渲染 Custom Render\n * @description 某行或某列的样式，严格按照react的样式书写规则，即对象内每一个属性的键为小写驼峰式，值为字符串。此demo展示自定义整行或整列的背景色和字体内容颜色。\n * demo0406\n */\n\nimport React, { Component } from \"react\";\nimport Table from \"../../src\";\n\nconst columns = [\n { title: \"员工编号\", dataIndex: \"a\", key: \"a\", width: 150 },\n { title: \"员工姓名\", dataIndex: \"b\", key: \"b\", width:100},\n { title: \"性别\", dataIndex: \"c\", key: \"c\", width: 100,style: {backgroundColor:'#e3f2fd',color:'#505F79'}},\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\" ,style:{backgroundColor:'#ffebee',color:'#000'}},\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 Demo0406 extends Component {\n render() {\n return (\n \n );\n }\n}\nexport default Demo0406\n\n\n\n// WEBPACK FOOTER //\n// ./demo/demolist/Demo0406.js","/**\n *\n * @title 行内编辑\n * @parent 编辑 Editor\n * @description 可以对行进行编辑的表格\n * demo0501\n */\nimport React, { Component } from \"react\";\nimport Table from \"../../src\";\nimport { Select, Form, FormControl, Button, Icon, Tooltip } from \"tinper-bee\";\nconst Option = Select.Option;\nimport { RefTreeWithInput } from \"ref-tree\";\n\nclass StringEditCell extends Component {\n constructor(props, context) {\n super(props);\n this.state = {\n value: props.value\n };\n }\n\n componentWillReceiveProps(nextProps) {\n if (!nextProps.editable) {\n this.setState({ value: nextProps.value });\n }\n }\n\n handleChange = value => {\n const { onChange, throwError } = this.props;\n if (value === \"\") {\n throwError && throwError(true);\n } else {\n throwError && throwError(false);\n }\n this.setState({ value });\n onChange && onChange(value);\n };\n\n render() {\n const { editable, required, colName } = this.props;\n const { value } = this.state;\n let cls = \"editable-cell-input-wrapper\";\n if (required) cls += \" required\";\n if (value === \"\") cls += \" verify-cell\";\n return editable ? (\n \n
\n \n \n {value === \"\" ? (\n {\"请输入\" + colName}
}\n >\n
\n \n ) : null}\n \n
\n
\n \n
\n
\n
\n {\"请输入\" + this.props.colName}\n \n \n 取消\n \n \n
\n ) : (\n \n \n \n
\n );\n };\n\n render() {\n const { dataSource } = this.state;\n const columns = this.columns;\n return (\n \n );\n }\n}\n\nexport default Demo0501;\n\n\n\n// WEBPACK FOOTER //\n// ./demo/demolist/Demo0501.js","module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&\"object\"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,\"default\",{enumerable:!0,value:e}),2&t&&\"string\"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,\"a\",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p=\"/\",n(n.s=147)}([function(e,t){e.exports=require(\"react\")},function(e,t){e.exports=require(\"prop-types\")},function(e,t){e.exports=require(\"react-dom\")},function(e,t,n){var r;\n/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n!function(){\"use strict\";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t=0&&t.left>=0&&t.bottom>t.top&&t.right>t.left?t:null};var Y=function(e,t,n,r){var o=q.clone(e),i={width:t.width,height:t.height};return r.adjustX&&o.left=n.left&&o.left+i.width>n.right&&(i.width-=o.left+i.width-n.right),r.adjustX&&o.left+i.width>n.right&&(o.left=Math.max(n.right-i.width,n.left)),r.adjustY&&o.top=n.top&&o.top+i.height>n.bottom&&(i.height-=o.top+i.height-n.bottom),r.adjustY&&o.top+i.height>n.bottom&&(o.top=Math.max(n.bottom-i.height,n.top)),q.mix(o,i)};var X=function(e){var t=void 0,n=void 0,r=void 0;if(q.isWindow(e)||9===e.nodeType){var o=q.getWindow(e);t={left:q.getWindowScrollLeft(o),top:q.getWindowScrollTop(o)},n=q.viewportWidth(o),r=q.viewportHeight(o)}else t=q.offset(e),n=q.outerWidth(e),r=q.outerHeight(e);return t.width=n,t.height=r,t};var $=function(e,t){var n=t.charAt(0),r=t.charAt(1),o=e.width,i=e.height,a=e.left,u=e.top;return\"c\"===n?u+=i/2:\"b\"===n&&(u+=i),\"c\"===r?a+=o/2:\"r\"===r&&(a+=o),{left:a,top:u}};var J=function(e,t,n,r,o){var i=$(t,n[1]),a=$(e,n[0]),u=[a.left-i.left,a.top-i.top];return{left:e.left-u[0]+r[0]-o[0],top:e.top-u[1]+r[1]-o[1]}};function Q(e,t,n){return e.leftn.right}function Z(e,t,n){return e.topn.bottom}function ee(e,t,n){var r=[];return q.each(e,function(e){r.push(e.replace(t,function(e){return n[e]}))}),r}function te(e,t){return e[t]=-e[t],e}function ne(e,t){return(/%$/.test(e)?parseInt(e.substring(0,e.length-1),10)/100*t:parseInt(e,10))||0}function re(e,t){e[0]=ne(e[0],t.width),e[1]=ne(e[1],t.height)}var oe=function(e,t,n,r){var o=n.points,i=n.offset||[0,0],a=n.targetOffset||[0,0],u=n.overflow,s=n.source||e;i=[].concat(i),a=[].concat(a),u=u||{};var l={},c=0,f=G(s),d=X(s);re(i,d),re(a,t);var p=J(d,t,o,i,a),h=q.merge(d,p);if(f&&(u.adjustX||u.adjustY)&&r){if(u.adjustX&&Q(p,d,f)){var v=ee(o,/[lr]/gi,{l:\"r\",r:\"l\"}),y=te(i,0),m=te(a,0);(function(e,t,n){return e.left>n.right||e.left+t.widthn.bottom||e.top+t.height=t.right||n.top>=t.bottom}(r);return oe(e,o,n,i)}ie.__getOffsetParent=V,ie.__getVisibleRectForElement=G;var ae=ie,ue=Object.assign||function(e){for(var t=1;t=0&&r<=u+l&&o>=0&&o<=s+c,p=[n.points[0],\"cc\"];return oe(e,f,ue({},n,{points:p}),d)};n.d(t,\"alignElement\",function(){return ae}),n.d(t,\"alignPoint\",function(){return se});t.default=ae},function(e,t){e.exports=function(e){if(\"function\"!=typeof e)throw TypeError(e+\" is not a function!\");return e}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return\"Symbol(\".concat(void 0===e?\"\":e,\")_\",(++n+r).toString(36))}},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(52);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(13).f,o=n(17),i=n(6)(\"toStringTag\");e.exports=function(e,t,n){e&&!o(e=n?e:e.prototype,i)&&r(e,i,{configurable:!0,value:t})}},function(e,t){var n,r,o=e.exports={};function i(){throw new Error(\"setTimeout has not been defined\")}function a(){throw new Error(\"clearTimeout has not been defined\")}function u(e){if(n===setTimeout)return setTimeout(e,0);if((n===i||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n=\"function\"==typeof setTimeout?setTimeout:i}catch(e){n=i}try{r=\"function\"==typeof clearTimeout?clearTimeout:a}catch(e){r=a}}();var s,l=[],c=!1,f=-1;function d(){c&&s&&(c=!1,s.length?l=s.concat(l):f=-1,l.length&&p())}function p(){if(!c){var e=u(d);c=!0;for(var t=l.length;t;){for(s=l,l=[];++f1)for(var n=1;n0?o(r(e),9007199254740991):0}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(e>0?r:n)(e)}},function(e,t,n){var r=n(56)(\"keys\"),o=n(40);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(4),o=n(5),i=o[\"__core-js_shared__\"]||(o[\"__core-js_shared__\"]={});(e.exports=function(e,t){return i[e]||(i[e]=void 0!==t?t:{})})(\"versions\",[]).push({version:r.version,mode:n(28)?\"pure\":\"global\",copyright:\"© 2019 Denis Pushkarev (zloirock.ru)\"})},function(e,t){e.exports=\"constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf\".split(\",\")},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t,n){var r=n(41),o=n(39),i=n(18),a=n(51),u=n(17),s=n(86),l=Object.getOwnPropertyDescriptor;t.f=n(15)?l:function(e,t){if(e=i(e),t=a(t,!0),s)try{return l(e,t)}catch(e){}if(u(e,t))return o(!r.f.call(e,t),e[t])}},function(e,t,n){var r=n(11),o=n(156),i=n(57),a=n(55)(\"IE_PROTO\"),u=function(){},s=function(){var e,t=n(50)(\"iframe\"),r=i.length;for(t.style.display=\"none\",n(91).appendChild(t),t.src=\"javascript:\",(e=t.contentWindow.document).open(),e.write(\"';\n domainInput = '';\n }\n return '\\n \\n \\n \\n \\n \\n ' + domainScript + '\\n \\n \\n \\n \\n \\n ';\n };\n\n IframeUploader.prototype.initIframeSrc = function initIframeSrc() {\n if (this.domain) {\n this.getIframeNode().src = 'javascript:void((function(){\\n var d = document;\\n d.open();\\n d.domain=\\'' + this.domain + '\\';\\n d.write(\\'\\');\\n d.close();\\n })())';\n }\n };\n\n IframeUploader.prototype.initIframe = function initIframe() {\n var iframeNode = this.getIframeNode();\n var win = iframeNode.contentWindow;\n var doc = void 0;\n this.domain = this.domain || '';\n this.initIframeSrc();\n try {\n doc = win.document;\n } catch (e) {\n this.domain = document.domain;\n this.initIframeSrc();\n win = iframeNode.contentWindow;\n doc = win.document;\n }\n doc.open('text/html', 'replace');\n doc.write(this.getIframeHTML(this.domain));\n doc.close();\n this.getFormInputNode().onchange = this.onChange;\n };\n\n IframeUploader.prototype.endUpload = function endUpload() {\n if (this.state.uploading) {\n this.file = {};\n // hack avoid batch\n this.state.uploading = false;\n this.setState({\n uploading: false\n });\n this.initIframe();\n }\n };\n\n IframeUploader.prototype.startUpload = function startUpload() {\n if (!this.state.uploading) {\n this.state.uploading = true;\n this.setState({\n uploading: true\n });\n }\n };\n\n IframeUploader.prototype.updateIframeWH = function updateIframeWH() {\n var rootNode = _reactDom2[\"default\"].findDOMNode(this);\n var iframeNode = this.getIframeNode();\n iframeNode.style.height = rootNode.offsetHeight + 'px';\n iframeNode.style.width = rootNode.offsetWidth + 'px';\n };\n\n IframeUploader.prototype.abort = function abort(file) {\n if (file) {\n var uid = file;\n if (file && file.uid) {\n uid = file.uid;\n }\n if (uid === this.file.uid) {\n this.endUpload();\n }\n } else {\n this.endUpload();\n }\n };\n\n IframeUploader.prototype.post = function post(file) {\n var formNode = this.getFormNode();\n var dataSpan = this.getFormDataNode();\n var data = this.props.data;\n var onStart = this.props.onStart;\n\n if (typeof data === 'function') {\n data = data(file);\n }\n var inputs = [];\n for (var key in data) {\n if (data.hasOwnProperty(key)) {\n inputs.push('');\n }\n }\n dataSpan.innerHTML = inputs.join('');\n formNode.submit();\n dataSpan.innerHTML = '';\n onStart(file);\n };\n\n IframeUploader.prototype.render = function render() {\n var _classNames;\n\n var _props = this.props,\n Tag = _props.component,\n disabled = _props.disabled,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n children = _props.children,\n style = _props.style,\n name = _props.name,\n action = _props.action,\n headers = _props.headers,\n data = _props.data,\n type = _props.type,\n listType = _props.listType,\n fileList = _props.fileList,\n defaultFileList = _props.defaultFileList,\n size = _props.size,\n beforeUpload = _props.beforeUpload,\n showUploadList = _props.showUploadList,\n supportServerRender = _props.supportServerRender,\n onStart = _props.onStart,\n onSuccess = _props.onSuccess,\n multipart = _props.multipart,\n onReady = _props.onReady,\n customRequest = _props.customRequest,\n withCredentials = _props.withCredentials,\n onChange = _props.onChange,\n others = _objectWithoutProperties(_props, ['component', 'disabled', 'className', 'clsPrefix', 'children', 'style', 'name', 'action', 'headers', 'data', 'type', 'listType', 'fileList', 'defaultFileList', 'size', 'beforeUpload', 'showUploadList', 'supportServerRender', 'onStart', 'onSuccess', 'multipart', 'onReady', 'customRequest', 'withCredentials', 'onChange']);\n\n var iframeStyle = _extends({}, IFRAME_STYLE, {\n display: this.state.uploading || disabled ? 'none' : ''\n });\n var cls = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, clsPrefix, true), _defineProperty(_classNames, clsPrefix + '-disabled', disabled), _defineProperty(_classNames, className, className), _classNames));\n return _react2[\"default\"].createElement(\n Tag,\n _extends({\n className: cls,\n style: _extends({ position: 'relative', zIndex: 0 }, style)\n }, others),\n _react2[\"default\"].createElement('iframe', {\n ref: 'iframe',\n onLoad: this.onLoad,\n style: iframeStyle\n }),\n children\n );\n };\n\n return IframeUploader;\n}(_react.Component);\n\n;\nIframeUploader.propTypes = propTypes;\nexports[\"default\"] = IframeUploader;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 746 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/**\n * Copyright 2014-2015, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * LICENSE file in the root directory of this source tree. An additional grant\n * of patent rights can be found in the PATENTS file in the same directory.\n */\n\n\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar warning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n warning = function(condition, format, args) {\n var len = arguments.length;\n args = new Array(len > 2 ? len - 2 : 0);\n for (var key = 2; key < len; key++) {\n args[key - 2] = arguments[key];\n }\n if (format === undefined) {\n throw new Error(\n '`warning(condition, format, ...args)` requires a warning ' +\n 'message argument'\n );\n }\n\n if (format.length < 10 || (/^[s\\W]*$/).test(format)) {\n throw new Error(\n 'The warning format should be able to uniquely identify this ' +\n 'warning. Please, use a more descriptive format than: ' + format\n );\n }\n\n if (!condition) {\n var argIndex = 0;\n var message = 'Warning: ' +\n format.replace(/%s/g, function() {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch(x) {}\n }\n };\n}\n\nmodule.exports = warning;\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 747 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _beeAnimate = __webpack_require__(36);\n\nvar _beeAnimate2 = _interopRequireDefault(_beeAnimate);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _beeProgressBar = __webpack_require__(211);\n\nvar _beeProgressBar2 = _interopRequireDefault(_beeProgressBar);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\n//import { UploadListProps } from './interface';\n\n// https://developer.mozilla.org/en-US/docs/Web/API/FileReader/readAsDataURL\nvar previewFile = function previewFile(file, callback) {\n var reader = new FileReader();\n reader.onloadend = function () {\n return callback(reader.result);\n };\n reader.readAsDataURL(file);\n};\n\nvar propTypes = {\n listType: _propTypes2[\"default\"].oneOf(['text', 'picture', 'picture-card']),\n onPreview: _propTypes2[\"default\"].func,\n onRemove: _propTypes2[\"default\"].func,\n items: _propTypes2[\"default\"].array,\n progressAttr: _propTypes2[\"default\"].object,\n clsPrefix: _propTypes2[\"default\"].string\n};\n\nvar defaultProps = {\n listType: 'text', // or picture\n progressAttr: {\n strokeWidth: 3,\n showInfo: false\n },\n clsPrefix: 'u-upload',\n showRemoveIcon: true,\n showPreviewIcon: true\n};\n\nvar UploadList = function (_Component) {\n _inherits(UploadList, _Component);\n\n function UploadList() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, UploadList);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.handleClose = function (file) {\n var onRemove = _this.props.onRemove;\n if (onRemove) {\n onRemove(file);\n }\n }, _this.handlePreview = function (file, e) {\n var onPreview = _this.props.onPreview;\n\n if (!onPreview) {\n return;\n }\n e.preventDefault();\n return onPreview(file);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n UploadList.prototype.componentDidUpdate = function componentDidUpdate() {\n var _this2 = this;\n\n if (this.props.listType !== 'picture' && this.props.listType !== 'picture-card') {\n return;\n }\n (this.props.items || []).forEach(function (file) {\n if (typeof document === 'undefined' || typeof window === 'undefined' ||\n //!(window as any).FileReader || !(window as any).File ||\n !window.FileReader || !window.File || !(file.originFileObj instanceof File) || file.thumbUrl !== undefined) {\n return;\n }\n /*eslint-disable */\n file.thumbUrl = '';\n /*eslint-enable */\n previewFile(file.originFileObj, function (previewDataUrl) {\n /*eslint-disable */\n file.thumbUrl = previewDataUrl;\n /*eslint-enable */\n _this2.forceUpdate();\n });\n });\n };\n\n UploadList.prototype.render = function render() {\n var _this3 = this,\n _classNames2;\n\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n _props$items = _props.items,\n items = _props$items === undefined ? [] : _props$items,\n listType = _props.listType,\n showRemoveIcon = _props.showRemoveIcon,\n showPreviewIcon = _props.showPreviewIcon;\n\n var list = items.map(function (file) {\n var _classNames;\n\n var progress = void 0;\n var icon = _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-link' });\n\n if (listType === 'picture' || listType === 'picture-card') {\n if (file.status === 'uploading' || !file.thumbUrl && !file.url) {\n if (listType === 'picture-card') {\n icon = _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-list-item-uploading-text' },\n '\\u6587\\u4EF6\\u4E0A\\u4F20\\u4E2D'\n );\n } else {\n icon = _react2[\"default\"].createElement(_beeIcon2[\"default\"], { className: clsPrefix + '-list-item-thumbnail', type: 'picture' });\n }\n } else {\n icon = _react2[\"default\"].createElement(\n 'a',\n {\n className: clsPrefix + '-list-item-thumbnail',\n onClick: function onClick(e) {\n return _this3.handlePreview(file, e);\n },\n href: file.url || file.thumbUrl,\n target: '_blank',\n rel: 'noopener noreferrer'\n },\n _react2[\"default\"].createElement('img', { src: file.url || file.thumbUrl, alt: file.name })\n );\n }\n }\n\n if (file.status === 'uploading') {\n progress = _react2[\"default\"].createElement(_beeProgressBar2[\"default\"], { colors: 'success', size: 'sm', now: file.percent });\n }\n var infoUploadingClass = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, clsPrefix + '-list-item', true), _defineProperty(_classNames, clsPrefix + '-list-item-' + file.status, true), _classNames));\n var preview = file.url ? _react2[\"default\"].createElement(\n 'a',\n {\n href: file.url,\n target: '_blank',\n rel: 'noopener noreferrer',\n className: clsPrefix + '-list-item-name',\n onClick: function onClick(e) {\n return _this3.handlePreview(file, e);\n }\n },\n file.name\n ) : _react2[\"default\"].createElement(\n 'span',\n {\n className: clsPrefix + '-list-item-name',\n onClick: function onClick(e) {\n return _this3.handlePreview(file, e);\n }\n },\n file.name\n );\n var style = file.url || file.thumbUrl ? undefined : {\n pointerEvents: 'none',\n opacity: 0.5\n };\n var previewIcon = showPreviewIcon ? _react2[\"default\"].createElement(\n 'a',\n {\n href: file.url || file.thumbUrl,\n target: '_blank',\n rel: 'noopener noreferrer',\n style: style,\n onClick: function onClick(e) {\n return _this3.handlePreview(file, e);\n }\n },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-eye-o' })\n ) : null;\n var removeIcon = showRemoveIcon ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-del', title: '\\u79FB\\u9664\\u6587\\u4EF6', onClick: function onClick() {\n return _this3.handleClose(file);\n } }) : null;\n var removeIconClose = showRemoveIcon ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-close', title: '\\u79FB\\u9664\\u6587\\u4EF6', onClick: function onClick() {\n return _this3.handleClose(file);\n } }) : null;\n var actions = listType === 'picture-card' && file.status !== 'uploading' ? _react2[\"default\"].createElement(\n 'span',\n { className: clsPrefix + '-list-item-actions' },\n previewIcon,\n removeIcon\n ) : removeIconClose;\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: infoUploadingClass, key: file.uid },\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-list-item-info' },\n icon,\n preview,\n actions\n ),\n progress\n );\n });\n var listClassNames = (0, _classnames2[\"default\"])((_classNames2 = {}, _defineProperty(_classNames2, clsPrefix + '-list', true), _defineProperty(_classNames2, clsPrefix + '-list-' + listType, true), _classNames2));\n return _react2[\"default\"].createElement(\n _beeAnimate2[\"default\"],\n {\n transitionName: clsPrefix + '-margin-top',\n component: 'div',\n className: listClassNames\n },\n list\n );\n };\n\n return UploadList;\n}(_react.Component);\n\nUploadList.propTypes = propTypes;\nUploadList.defaultProps = defaultProps;\nexports[\"default\"] = UploadList;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 748 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = getFileItem;\n/**\n* This source code is quoted from rc-upload.\n* homepage: https://github.com/react-component/upload\n*/\nfunction getFileItem(file, fileList) {\n var matchWay = !file.uid ? 'byName' : 'byUid';\n var target = fileList.filter(function (item) {\n if (matchWay === 'byName') {\n return item.name === file.name;\n }\n return item.uid === file.uid;\n })[0];\n return target;\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 749 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.listen = exports.filter = exports.off = exports.on = undefined;\n\nvar _on = __webpack_require__(227);\n\nvar _on2 = _interopRequireDefault(_on);\n\nvar _off = __webpack_require__(228);\n\nvar _off2 = _interopRequireDefault(_off);\n\nvar _filter = __webpack_require__(750);\n\nvar _filter2 = _interopRequireDefault(_filter);\n\nvar _listen = __webpack_require__(753);\n\nvar _listen2 = _interopRequireDefault(_listen);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.on = _on2.default;\nexports.off = _off2.default;\nexports.filter = _filter2.default;\nexports.listen = _listen2.default;\nexports.default = { on: _on2.default, off: _off2.default, filter: _filter2.default, listen: _listen2.default };\n\n/***/ }),\n/* 750 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = filterEvents;\n\nvar _contains = __webpack_require__(751);\n\nvar _contains2 = _interopRequireDefault(_contains);\n\nvar _querySelectorAll = __webpack_require__(752);\n\nvar _querySelectorAll2 = _interopRequireDefault(_querySelectorAll);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction filterEvents(selector, handler) {\n return function filterHandler(e) {\n var top = e.currentTarget,\n target = e.target,\n matches = (0, _querySelectorAll2.default)(top, selector);\n\n if (matches.some(function (match) {\n return (0, _contains2.default)(match, target);\n })) handler.call(this, e);\n };\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 751 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _inDOM = __webpack_require__(52);\n\nvar _inDOM2 = _interopRequireDefault(_inDOM);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = function () {\n var root = _inDOM2.default && document.documentElement;\n\n return root && root.contains ? function (context, node) {\n return context.contains(node);\n } : root && root.compareDocumentPosition ? function (context, node) {\n return context === node || !!(context.compareDocumentPosition(node) & 16);\n } : function (context, node) {\n if (node) do {\n if (node === context) return true;\n } while (node = node.parentNode);\n\n return false;\n };\n}();\n\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 752 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = qsa;\n// Zepto.js\n// (c) 2010-2015 Thomas Fuchs\n// Zepto.js may be freely distributed under the MIT license.\nvar simpleSelectorRE = /^[\\w-]*$/;\nvar toArray = Function.prototype.bind.call(Function.prototype.call, [].slice);\n\nfunction qsa(element, selector) {\n var maybeID = selector[0] === '#',\n maybeClass = selector[0] === '.',\n nameOnly = maybeID || maybeClass ? selector.slice(1) : selector,\n isSimple = simpleSelectorRE.test(nameOnly),\n found;\n\n if (isSimple) {\n if (maybeID) {\n element = element.getElementById ? element : document;\n return (found = element.getElementById(nameOnly)) ? [found] : [];\n }\n\n if (element.getElementsByClassName && maybeClass) return toArray(element.getElementsByClassName(nameOnly));\n\n return toArray(element.getElementsByTagName(selector));\n }\n\n return toArray(element.querySelectorAll(selector));\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 753 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _inDOM = __webpack_require__(52);\n\nvar _inDOM2 = _interopRequireDefault(_inDOM);\n\nvar _on = __webpack_require__(227);\n\nvar _on2 = _interopRequireDefault(_on);\n\nvar _off = __webpack_require__(228);\n\nvar _off2 = _interopRequireDefault(_off);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar listen = function listen() {};\n\nif (_inDOM2.default) {\n listen = function listen(node, eventName, handler, capture) {\n (0, _on2.default)(node, eventName, handler, capture);\n return function () {\n (0, _off2.default)(node, eventName, handler, capture);\n };\n };\n}\n\nexports.default = listen;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 754 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = ownerDocument;\nfunction ownerDocument(node) {\n return node && node.ownerDocument || document;\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 755 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nexports.default = function (recalc) {\n if (!size || recalc) {\n if (_inDOM2.default) {\n var scrollDiv = document.createElement('div');\n\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n};\n\nvar _inDOM = __webpack_require__(52);\n\nvar _inDOM2 = _interopRequireDefault(_inDOM);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar size = void 0;\n\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 756 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = scrollTop;\n\nvar _isWindow = __webpack_require__(757);\n\nvar _isWindow2 = _interopRequireDefault(_isWindow);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction scrollTop(node, val) {\n var win = (0, _isWindow2.default)(node);\n\n if (val === undefined) return win ? 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop : node.scrollTop;\n\n if (win) win.scrollTo('pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft, val);else node.scrollTop = val;\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 757 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = getWindow;\nfunction getWindow(node) {\n return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 758 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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 */\n\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _warning = __webpack_require__(27);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _Portal = __webpack_require__(759);\n\nvar _Portal2 = _interopRequireDefault(_Portal);\n\nvar _ModalManager = __webpack_require__(760);\n\nvar _ModalManager2 = _interopRequireDefault(_ModalManager);\n\nvar _ownerDocument = __webpack_require__(229);\n\nvar _ownerDocument2 = _interopRequireDefault(_ownerDocument);\n\nvar _addEventListener = __webpack_require__(764);\n\nvar _addEventListener2 = _interopRequireDefault(_addEventListener);\n\nvar _addFocusListener = __webpack_require__(765);\n\nvar _addFocusListener2 = _interopRequireDefault(_addFocusListener);\n\nvar _inDOM = __webpack_require__(38);\n\nvar _inDOM2 = _interopRequireDefault(_inDOM);\n\nvar _activeElement = __webpack_require__(766);\n\nvar _activeElement2 = _interopRequireDefault(_activeElement);\n\nvar _contains = __webpack_require__(66);\n\nvar _contains2 = _interopRequireDefault(_contains);\n\nvar _getContainer = __webpack_require__(230);\n\nvar _getContainer2 = _interopRequireDefault(_getContainer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar modalManager = new _ModalManager2[\"default\"]();\n\n/**\n * 模态框\n */\n\nvar propTypes = _extends({}, _Portal2[\"default\"].propTypes, {\n\n /**\n * 是否显示\n */\n show: _propTypes2[\"default\"].bool,\n\n /**\n * 容器\n */\n container: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func]),\n\n /**\n * 当模态框打开时的钩子函数\n */\n onShow: _propTypes2[\"default\"].func,\n\n /**\n * 当show参数为false时触发的模态框关闭时的钩子函数\n */\n onHide: _propTypes2[\"default\"].func,\n\n /**\n * 是否包含背景\n */\n backdrop: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].oneOf(['static'])]),\n\n /**\n *返回背景组件的函数\n */\n renderBackdrop: _propTypes2[\"default\"].func,\n\n /**\n * 设置esc键特殊钩子函数\n */\n onEscapeKeyUp: _propTypes2[\"default\"].func,\n\n /**\n * 当点击背景时触发的函数\n */\n onBackdropClick: _propTypes2[\"default\"].func,\n\n /**\n * 背景的style\n */\n backdropStyle: _propTypes2[\"default\"].object,\n\n /**\n * 背景的class\n */\n backdropClassName: _propTypes2[\"default\"].string,\n\n /**\n *容器的class\n */\n containerClassName: _propTypes2[\"default\"].string,\n\n /**\n * 按esc键是否关闭模态框\n */\n keyboard: _propTypes2[\"default\"].bool,\n\n /**\n * 动画组件\n */\n transition: _tinperBeeCore.elementType,\n\n /**\n * 设置动画超时时间\n */\n dialogTransitionTimeout: _propTypes2[\"default\"].number,\n\n /**\n * 设置背景动画超时时间\n */\n backdropTransitionTimeout: _propTypes2[\"default\"].number,\n\n /**\n * 是否自动设置焦点\n */\n autoFocus: _propTypes2[\"default\"].bool,\n\n /**\n * 防止焦点离开模态框\n */\n enforceFocus: _propTypes2[\"default\"].bool,\n\n /**\n * 模态框进入时的钩子函数\n */\n onEnter: _propTypes2[\"default\"].func,\n\n /**\n * 模态框开始进入时的钩子函数\n */\n onEntering: _propTypes2[\"default\"].func,\n\n /**\n * 模态框进入后的钩子函数\n */\n onEntered: _propTypes2[\"default\"].func,\n\n /**\n * 模态框退出时的钩子函数\n */\n onExit: _propTypes2[\"default\"].func,\n\n /**\n * 模态框开始退出时的钩子函数\n */\n onExiting: _propTypes2[\"default\"].func,\n\n /**\n * 模态框推出后的钩子函数\n */\n onExited: _propTypes2[\"default\"].func,\n\n /**\n *管理model状态的实例\n */\n manager: _propTypes2[\"default\"].object.isRequired\n});\n\nvar defaultProps = {\n show: false,\n backdrop: true,\n keyboard: true,\n autoFocus: true,\n enforceFocus: true,\n onHide: function onHide() {},\n manager: modalManager,\n renderBackdrop: function renderBackdrop(props) {\n return _react2[\"default\"].createElement('div', props);\n }\n};\n\nvar BaseModal = function (_Component) {\n _inherits(BaseModal, _Component);\n\n function BaseModal(props, content) {\n _classCallCheck(this, BaseModal);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.state = {\n exited: !_this.props.show\n };\n\n _this.onShow = _this.onShow.bind(_this);\n _this.onHide = _this.onHide.bind(_this);\n _this.setMountNode = _this.setMountNode.bind(_this);\n _this.handleHidden = _this.handleHidden.bind(_this);\n _this.handleBackdropClick = _this.handleBackdropClick.bind(_this);\n _this.handleDocumentKeyUp = _this.handleDocumentKeyUp.bind(_this);\n _this.checkForFocus = _this.checkForFocus.bind(_this);\n _this.focus = _this.focus.bind(_this);\n _this.restoreLastFocus = _this.restoreLastFocus.bind(_this);\n _this.enforceFocus = _this.enforceFocus.bind(_this);\n _this.getDialogElement = _this.getDialogElement.bind(_this);\n _this.isTopModal = _this.isTopModal.bind(_this);\n _this.renderBackdrop = _this.renderBackdrop.bind(_this);\n return _this;\n }\n\n BaseModal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (nextProps.show) {\n this.setState({ exited: false });\n } else if (!nextProps.transition) {\n // Otherwise let handleHidden take care of marking exited.\n this.setState({ exited: true });\n }\n };\n\n BaseModal.prototype.componentWillUpdate = function componentWillUpdate(nextProps) {\n if (!this.props.show && nextProps.show) {\n this.checkForFocus();\n }\n };\n\n BaseModal.prototype.componentDidMount = function componentDidMount() {\n if (this.props.show) {\n this.onShow();\n }\n this.mounted = true;\n };\n\n BaseModal.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n var transition = this.props.transition;\n\n\n if (prevProps.show && !this.props.show && !transition) {\n // Otherwise handleHidden will call this.\n this.onHide();\n } else if (!prevProps.show && this.props.show) {\n this.onShow();\n }\n };\n\n BaseModal.prototype.componentWillUnmount = function componentWillUnmount() {\n var _props = this.props,\n show = _props.show,\n transition = _props.transition;\n\n\n if (show || transition && !this.state.exited) {\n this.onHide();\n }\n\n this.mounted = false;\n };\n\n BaseModal.prototype.onShow = function onShow() {\n var doc = (0, _ownerDocument2[\"default\"])(this);\n var container = (0, _getContainer2[\"default\"])(this.props.container, doc.body);\n\n this.props.manager.add(this, container, this.props.containerClassName);\n\n this._onDocumentKeyupListener = (0, _addEventListener2[\"default\"])(doc, 'keyup', this.handleDocumentKeyUp);\n\n this._onFocusinListener = (0, _addFocusListener2[\"default\"])(this.enforceFocus);\n\n this.focus();\n\n if (this.props.onShow) {\n this.props.onShow();\n }\n };\n\n BaseModal.prototype.onHide = function onHide() {\n this.props.manager.remove(this);\n\n this._onDocumentKeyupListener.remove();\n\n this._onFocusinListener.remove();\n\n this.restoreLastFocus();\n };\n\n BaseModal.prototype.setMountNode = function setMountNode(ref) {\n this.mountNode = ref ? ref.getMountNode() : ref;\n };\n\n BaseModal.prototype.handleHidden = function handleHidden() {\n this.setState({ exited: true });\n this.onHide();\n\n if (this.props.onExited) {\n var _props2;\n\n (_props2 = this.props).onExited.apply(_props2, arguments);\n }\n };\n\n BaseModal.prototype.handleBackdropClick = function handleBackdropClick(e) {\n if (e.target !== e.currentTarget) {\n return;\n }\n\n if (this.props.onBackdropClick) {\n this.props.onBackdropClick(e);\n }\n\n if (this.props.backdrop === true) {\n this.props.onHide();\n }\n };\n\n BaseModal.prototype.handleDocumentKeyUp = function handleDocumentKeyUp(e) {\n if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {\n if (this.props.onEscapeKeyUp) {\n this.props.onEscapeKeyUp(e);\n }\n this.props.onHide();\n }\n };\n\n BaseModal.prototype.checkForFocus = function checkForFocus() {\n if (_inDOM2[\"default\"]) {\n this.lastFocus = (0, _activeElement2[\"default\"])();\n }\n };\n\n BaseModal.prototype.focus = function focus() {\n var autoFocus = this.props.autoFocus;\n var modalContent = this.getDialogElement();\n var current = (0, _activeElement2[\"default\"])((0, _ownerDocument2[\"default\"])(this));\n var focusInModal = current && (0, _contains2[\"default\"])(modalContent, current);\n\n if (modalContent && autoFocus && !focusInModal) {\n this.lastFocus = current;\n\n if (!modalContent.hasAttribute('tabIndex')) {\n modalContent.setAttribute('tabIndex', -1);\n (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\".');\n }\n\n modalContent.focus();\n }\n };\n\n BaseModal.prototype.restoreLastFocus = function restoreLastFocus() {\n // Support: <=IE11 doesn't support `focus()` on svg elements (RB: #917)\n if (this.lastFocus && this.lastFocus.focus) {\n this.lastFocus.focus();\n this.lastFocus = null;\n }\n };\n\n BaseModal.prototype.enforceFocus = function enforceFocus() {\n var enforceFocus = this.props.enforceFocus;\n\n\n if (!enforceFocus || !this.mounted || !this.isTopModal()) {\n return;\n }\n\n var active = (0, _activeElement2[\"default\"])((0, _ownerDocument2[\"default\"])(this));\n var modal = this.getDialogElement();\n\n if (modal && modal !== active && !(0, _contains2[\"default\"])(modal, active)) {\n modal.focus();\n }\n };\n\n //instead of a ref, which might conflict with one the parent applied.\n\n\n BaseModal.prototype.getDialogElement = function getDialogElement() {\n var node = this.refs.modal;\n return node && node.lastChild;\n };\n\n BaseModal.prototype.isTopModal = function isTopModal() {\n return this.props.manager.isTopModal(this);\n };\n\n BaseModal.prototype.renderBackdrop = function renderBackdrop() {\n var _this2 = this;\n\n var _props3 = this.props,\n backdropStyle = _props3.backdropStyle,\n backdropClassName = _props3.backdropClassName,\n renderBackdrop = _props3.renderBackdrop,\n Transition = _props3.transition,\n backdropTransitionTimeout = _props3.backdropTransitionTimeout;\n\n\n var backdropRef = function backdropRef(ref) {\n return _this2.backdrop = ref;\n };\n\n var backdrop = _react2[\"default\"].createElement('div', {\n ref: backdropRef,\n style: this.props.backdropStyle,\n className: this.props.backdropClassName,\n onClick: this.handleBackdropClick\n });\n\n if (Transition) {\n backdrop = _react2[\"default\"].createElement(\n Transition,\n { transitionAppear: true,\n 'in': this.props.show,\n timeout: backdropTransitionTimeout\n },\n renderBackdrop({\n ref: backdropRef,\n style: backdropStyle,\n className: backdropClassName,\n onClick: this.handleBackdropClick\n })\n );\n }\n\n return backdrop;\n };\n\n BaseModal.prototype.render = function render() {\n var _props4 = this.props,\n show = _props4.show,\n container = _props4.container,\n children = _props4.children,\n Transition = _props4.transition,\n backdrop = _props4.backdrop,\n dialogTransitionTimeout = _props4.dialogTransitionTimeout,\n className = _props4.className,\n style = _props4.style,\n onExit = _props4.onExit,\n onExiting = _props4.onExiting,\n onEnter = _props4.onEnter,\n onEntering = _props4.onEntering,\n onEntered = _props4.onEntered;\n\n\n var dialog = _react2[\"default\"].Children.only(children);\n\n var mountModal = show || Transition && !this.state.exited;\n if (!mountModal) {\n return null;\n }\n\n var _dialog$props = dialog.props,\n role = _dialog$props.role,\n tabIndex = _dialog$props.tabIndex;\n\n\n if (role === undefined || tabIndex === undefined) {\n dialog = (0, _react.cloneElement)(dialog, {\n role: role === undefined ? 'document' : role,\n tabIndex: tabIndex == null ? '-1' : tabIndex\n });\n }\n\n if (Transition) {\n dialog = _react2[\"default\"].createElement(\n Transition,\n {\n transitionAppear: true,\n unmountOnExit: true,\n 'in': show,\n timeout: dialogTransitionTimeout,\n onExit: onExit,\n onExiting: onExiting,\n onExited: this.handleHidden,\n onEnter: onEnter,\n onEntering: onEntering,\n onEntered: onEntered\n },\n dialog\n );\n }\n\n return _react2[\"default\"].createElement(\n _Portal2[\"default\"],\n {\n ref: this.setMountNode,\n container: container\n },\n _react2[\"default\"].createElement(\n 'div',\n {\n ref: 'modal',\n role: role || 'dialog',\n style: style,\n className: className\n },\n backdrop && this.renderBackdrop(),\n dialog\n )\n );\n };\n\n return BaseModal;\n}(_react.Component);\n\n;\n\nBaseModal.Manager = _ModalManager2[\"default\"];\n\nBaseModal.propTypes = propTypes;\nBaseModal.defaultProps = defaultProps;\n\nexports[\"default\"] = BaseModal;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 759 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _ownerDocument = __webpack_require__(229);\n\nvar _ownerDocument2 = _interopRequireDefault(_ownerDocument);\n\nvar _getContainer = __webpack_require__(230);\n\nvar _getContainer2 = _interopRequireDefault(_getContainer);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar isReact16 = _reactDom2[\"default\"].createPortal !== undefined;\nvar createPortal = isReact16 ? _reactDom2[\"default\"].createPortal : _reactDom2[\"default\"].unstable_renderSubtreeIntoContainer;\n\nvar propTypes = {\n /**\n * 存放子组件的容器\n */\n container: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func])\n};\n\nvar defaultProps = {};\n\n/**\n * Portal组件是将子组件渲染\n */\n\nvar Portal = function (_Component) {\n _inherits(Portal, _Component);\n\n function Portal(props) {\n _classCallCheck(this, Portal);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.getMountNode = _this.getMountNode.bind(_this);\n _this.getOverlayDOMNode = _this.getOverlayDOMNode.bind(_this);\n _this.mountOverlayTarget = _this.mountOverlayTarget.bind(_this);\n _this.unmountOverlayTarget = _this.unmountOverlayTarget.bind(_this);\n _this.renderOverlay = _this.renderOverlay.bind(_this);\n _this.unrenderOverlay = _this.unrenderOverlay.bind(_this);\n\n _this.overlayTarget = isReact16 ? document.createElement('div') : null;\n return _this;\n }\n\n Portal.prototype.componentDidMount = function componentDidMount() {\n if (isReact16) {\n this.portalContainerNode = (0, _getContainer2[\"default\"])(this.props.container, (0, _ownerDocument2[\"default\"])(this).body);\n this.portalContainerNode.appendChild(this.overlayTarget);\n } else {\n this.renderOverlay();\n }\n\n this.mounted = true;\n };\n\n Portal.prototype.componentDidUpdate = function componentDidUpdate() {\n if (isReact16) {\n var overlay = !this.props.children ? null : _react2[\"default\"].Children.only(this.props.children);\n if (overlay === null) {\n this.unrenderOverlay();\n this.unmountOverlayTarget();\n } else {}\n } else {\n this.renderOverlay();\n }\n };\n //this._overlayTarget为当前的要添加的子组件， this._portalContainerNode要添加组件的容器元素\n\n\n Portal.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.overlayTarget && nextProps.container !== this.props.container) {\n this.portalContainerNode.removeChild(this.overlayTarget);\n this.portalContainerNode = (0, _getContainer2[\"default\"])(nextProps.container, (0, _ownerDocument2[\"default\"])(this).body);\n this.portalContainerNode.appendChild(this.overlayTarget);\n }\n };\n\n Portal.prototype.componentWillUnmount = function componentWillUnmount() {\n this.unrenderOverlay();\n this.unmountOverlayTarget();\n\n this.mounted = false;\n };\n\n Portal.prototype.getMountNode = function getMountNode() {\n return this.overlayTarget;\n };\n\n Portal.prototype.getOverlayDOMNode = function getOverlayDOMNode() {\n if (!this.mounted) {\n throw new Error('getOverlayDOMNode(): A component must be mounted to have a DOM node.');\n }\n\n if (this.overlayInstance) {\n return _reactDom2[\"default\"].findDOMNode(this.overlayInstance);\n }\n\n return null;\n };\n\n /**\n * 如果要添加的子组件不存在，就将div添加到要添加容器的DOM中；\n */\n\n Portal.prototype.mountOverlayTarget = function mountOverlayTarget() {\n if (!this.overlayTarget) {\n this.overlayTarget = document.createElement('div');\n this.portalContainerNode = (0, _getContainer2[\"default\"])(this.props.container, (0, _ownerDocument2[\"default\"])(this).body);\n this.portalContainerNode.appendChild(this.overlayTarget);\n }\n };\n /**\n * 将要添加的子元素从容器中移除，并把变量置为null\n */\n\n\n Portal.prototype.unmountOverlayTarget = function unmountOverlayTarget() {\n if (this.overlayTarget) {\n this.portalContainerNode.removeChild(this.overlayTarget);\n this.overlayTarget = null;\n }\n this.portalContainerNode = null;\n };\n /**\n * 手动渲染_overlayTarget\n */\n\n\n Portal.prototype.renderOverlay = function renderOverlay() {\n\n var overlay = !this.props.children ? null : _react2[\"default\"].Children.only(this.props.children);\n\n // Save reference for future access.\n if (overlay !== null) {\n this.mountOverlayTarget();\n this.overlayInstance = _reactDom2[\"default\"].unstable_renderSubtreeIntoContainer(this, overlay, this.overlayTarget);\n } else {\n // Unrender if the component is null for transitions to null\n this.unrenderOverlay();\n this.unmountOverlayTarget();\n }\n };\n /**\n * 销毁_overlayTarget组件。并把_overlayInstance置为null\n */\n\n\n Portal.prototype.unrenderOverlay = function unrenderOverlay() {\n if (this.overlayTarget) {\n !isReact16 && _reactDom2[\"default\"].unmountComponentAtNode(this.overlayTarget);\n this.overlayInstance = null;\n }\n };\n\n Portal.prototype.render = function render() {\n if (!isReact16) {\n return null;\n }\n\n var overlay = !this.props.children ? null : _react2[\"default\"].Children.only(this.props.children);\n\n return _reactDom2[\"default\"].createPortal(overlay, this.overlayTarget);\n };\n\n return Portal;\n}(_react.Component);\n\n;\n\nPortal.propTypes = propTypes;\nPortal.defaultProps = defaultProps;\n\nexports[\"default\"] = Portal;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 760 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _style = __webpack_require__(49);\n\nvar _style2 = _interopRequireDefault(_style);\n\nvar _class = __webpack_require__(761);\n\nvar _class2 = _interopRequireDefault(_class);\n\nvar _scrollbarSize = __webpack_require__(762);\n\nvar _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);\n\nvar _isOverflowing = __webpack_require__(234);\n\nvar _isOverflowing2 = _interopRequireDefault(_isOverflowing);\n\nvar _manageAriaHidden = __webpack_require__(763);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction findIndexOf(arr, cb) {\n var idx = -1;\n arr.some(function (d, i) {\n if (cb(d, i)) {\n idx = i;\n return true;\n }\n });\n return idx;\n}\n\n//查找容器\nfunction findContainer(data, modal) {\n return findIndexOf(data, function (d) {\n return d.modals.indexOf(modal) !== -1;\n });\n}\n\n//设置容器style\nfunction setContainerStyle(state, container) {\n var style = { overflow: 'hidden' };\n\n state.style = {\n overflow: container.style.overflow,\n paddingRight: container.style.paddingRight\n };\n\n if (state.overflowing) {\n //设置内边距，和添加滚动条宽度\n style.paddingRight = parseInt((0, _style2[\"default\"])(container, 'paddingRight') || 0, 10) + (0, _scrollbarSize2[\"default\"])() + 'px';\n }\n\n (0, _style2[\"default\"])(container, style);\n}\n//移除容器style\nfunction removeContainerStyle(_ref, container) {\n var style = _ref.style;\n\n\n Object.keys(style).forEach(function (key) {\n return container.style[key] = style[key];\n });\n}\n/**\n * 容器的正确状态管理和那些容器中的模态。\n */\n\nvar ModalManager = function () {\n function ModalManager() {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref2$hideSiblingNode = _ref2.hideSiblingNodes,\n hideSiblingNodes = _ref2$hideSiblingNode === undefined ? true : _ref2$hideSiblingNode,\n _ref2$handleContainer = _ref2.handleContainerOverflow,\n handleContainerOverflow = _ref2$handleContainer === undefined ? true : _ref2$handleContainer;\n\n _classCallCheck(this, ModalManager);\n\n this.hideSiblingNodes = hideSiblingNodes;\n this.handleContainerOverflow = handleContainerOverflow;\n this.modals = [];\n this.containers = [];\n this.data = [];\n }\n\n ModalManager.prototype.add = function add(modal, container, className) {\n var modalIdx = this.modals.indexOf(modal);\n var containerIdx = this.containers.indexOf(container);\n\n if (modalIdx !== -1) {\n return modalIdx;\n }\n\n modalIdx = this.modals.length;\n this.modals.push(modal);\n\n if (this.hideSiblingNodes) {\n (0, _manageAriaHidden.hideSiblings)(container, modal.mountNode);\n }\n\n if (containerIdx !== -1) {\n this.data[containerIdx].modals.push(modal);\n return modalIdx;\n }\n\n var data = {\n modals: [modal],\n //right now only the first modal of a container will have its classes applied\n classes: className ? className.split(/\\s+/) : [],\n\n overflowing: (0, _isOverflowing2[\"default\"])(container)\n };\n\n if (this.handleContainerOverflow) {\n setContainerStyle(data, container);\n }\n\n data.classes.forEach(_class2[\"default\"].addClass.bind(null, container));\n\n this.containers.push(container);\n this.data.push(data);\n\n return modalIdx;\n };\n\n ModalManager.prototype.remove = function remove(modal) {\n var modalIdx = this.modals.indexOf(modal);\n\n if (modalIdx === -1) {\n return;\n }\n\n var containerIdx = findContainer(this.data, modal);\n var data = this.data[containerIdx];\n var container = this.containers[containerIdx];\n\n data.modals.splice(data.modals.indexOf(modal), 1);\n\n this.modals.splice(modalIdx, 1);\n\n // if that was the last modal in a container,\n // clean up the container\n if (data.modals.length === 0) {\n data.classes.forEach(_class2[\"default\"].removeClass.bind(null, container));\n\n if (this.handleContainerOverflow) {\n removeContainerStyle(data, container);\n }\n\n if (this.hideSiblingNodes) {\n (0, _manageAriaHidden.showSiblings)(container, modal.mountNode);\n }\n this.containers.splice(containerIdx, 1);\n this.data.splice(containerIdx, 1);\n } else if (this.hideSiblingNodes) {\n //otherwise make sure the next top modal is visible to a SR\n (0, _manageAriaHidden.ariaHidden)(false, data.modals[data.modals.length - 1].mountNode);\n }\n };\n\n ModalManager.prototype.isTopModal = function isTopModal(modal) {\n return !!this.modals.length && this.modals[this.modals.length - 1] === modal;\n };\n\n return ModalManager;\n}();\n\nexports[\"default\"] = ModalManager;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 761 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _interopRequireDefault = __webpack_require__(10);\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _addClass = _interopRequireDefault(__webpack_require__(231));\n\nexports.addClass = _addClass.default;\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(233));\n\nexports.removeClass = _removeClass.default;\n\nvar _hasClass = _interopRequireDefault(__webpack_require__(232));\n\nexports.hasClass = _hasClass.default;\nvar _default = {\n addClass: _addClass.default,\n removeClass: _removeClass.default,\n hasClass: _hasClass.default\n};\nexports.default = _default;\n\n/***/ }),\n/* 762 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _interopRequireDefault = __webpack_require__(10);\n\nexports.__esModule = true;\nexports.default = scrollbarSize;\n\nvar _inDOM = _interopRequireDefault(__webpack_require__(38));\n\nvar size;\n\nfunction scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (_inDOM.default) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}\n\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 763 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.ariaHidden = ariaHidden;\nexports.hideSiblings = hideSiblings;\nexports.showSiblings = showSiblings;\n\nvar BLACKLIST = ['template', 'script', 'style'];\n\nvar isHidable = function isHidable(_ref) {\n var nodeType = _ref.nodeType,\n tagName = _ref.tagName;\n return nodeType === 1 && BLACKLIST.indexOf(tagName.toLowerCase()) === -1;\n};\n\nvar siblings = function siblings(container, mount, cb) {\n mount = [].concat(mount);\n\n [].forEach.call(container.children, function (node) {\n if (mount.indexOf(node) === -1 && isHidable(node)) {\n cb(node);\n }\n });\n};\n\nfunction ariaHidden(show, node) {\n if (!node) {\n return;\n }\n if (show) {\n node.setAttribute('aria-hidden', 'true');\n } else {\n node.removeAttribute('aria-hidden');\n }\n}\n\nfunction hideSiblings(container, mountNode) {\n siblings(container, mountNode, function (node) {\n return ariaHidden(true, node);\n });\n}\n\nfunction showSiblings(container, mountNode) {\n siblings(container, mountNode, function (node) {\n return ariaHidden(false, node);\n });\n}\n\n/***/ }),\n/* 764 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nexports[\"default\"] = function (node, event, handler, capture) {\n (0, _on2[\"default\"])(node, event, handler, capture);\n\n return {\n remove: function remove() {\n (0, _off2[\"default\"])(node, event, handler, capture);\n }\n };\n};\n\nvar _on = __webpack_require__(62);\n\nvar _on2 = _interopRequireDefault(_on);\n\nvar _off = __webpack_require__(187);\n\nvar _off2 = _interopRequireDefault(_off);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 765 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = addFocusListener;\n/**\n * Firefox doesn't have a focusin event so using capture is easiest way to get bubbling\n * IE8 can't do addEventListener, but does have onfocusin, so we use that in ie8\n *\n * We only allow one Listener at a time to avoid stack overflows\n */\nfunction addFocusListener(handler) {\n var useFocusin = !document.addEventListener;\n var remove = void 0;\n\n if (useFocusin) {\n document.attachEvent('onfocusin', handler);\n remove = function remove() {\n return document.detachEvent('onfocusin', handler);\n };\n } else {\n document.addEventListener('focus', handler, true);\n remove = function remove() {\n return document.removeEventListener('focus', handler, true);\n };\n }\n\n return { remove: remove };\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 766 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _interopRequireDefault = __webpack_require__(10);\n\nexports.__esModule = true;\nexports.default = activeElement;\n\nvar _ownerDocument = _interopRequireDefault(__webpack_require__(37));\n\nfunction activeElement(doc) {\n if (doc === void 0) {\n doc = (0, _ownerDocument.default)();\n }\n\n try {\n return doc.activeElement;\n } catch (e) {\n /* ie throws if no active element */\n }\n}\n\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 767 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Fade = exports.Collapse = exports.Transition = undefined;\n\nvar _Transition2 = __webpack_require__(131);\n\nvar _Transition3 = _interopRequireDefault(_Transition2);\n\nvar _Collapse2 = __webpack_require__(768);\n\nvar _Collapse3 = _interopRequireDefault(_Collapse2);\n\nvar _Fade2 = __webpack_require__(770);\n\nvar _Fade3 = _interopRequireDefault(_Fade2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports.Transition = _Transition3[\"default\"];\nexports.Collapse = _Collapse3[\"default\"];\nexports.Fade = _Fade3[\"default\"];\n\n/***/ }),\n/* 768 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _style = __webpack_require__(49);\n\nvar _style2 = _interopRequireDefault(_style);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Transition = __webpack_require__(131);\n\nvar _Transition2 = _interopRequireDefault(_Transition);\n\nvar _capitalize = __webpack_require__(769);\n\nvar _capitalize2 = _interopRequireDefault(_capitalize);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar MARGINS = {\n height: ['marginTop', 'marginBottom'],\n width: ['marginLeft', 'marginRight']\n};\n\n// reading a dimension prop will cause the browser to recalculate,\n// which will let our animations work\nfunction triggerBrowserReflow(node) {\n node.offsetHeight; // eslint-disable-line no-unused-expressions\n}\n\nfunction getDimensionValue(dimension, elem) {\n var value = elem['offset' + (0, _capitalize2[\"default\"])(dimension)];\n var margins = MARGINS[dimension];\n\n return value + parseInt((0, _style2[\"default\"])(elem, margins[0]), 10) + parseInt((0, _style2[\"default\"])(elem, margins[1]), 10);\n}\n\nvar propTypes = {\n /**\n * Show the component; triggers the expand or collapse animation\n */\n \"in\": _propTypes2[\"default\"].bool,\n\n /**\n * Unmount the component (remove it from the DOM) when it is collapsed\n */\n unmountOnExit: _propTypes2[\"default\"].bool,\n\n /**\n * Run the expand animation when the component mounts, if it is initially\n * shown\n */\n transitionAppear: _propTypes2[\"default\"].bool,\n\n /**\n * Duration of the collapse animation in milliseconds, to ensure that\n * finishing callbacks are fired even if the original browser transition end\n * events are canceled\n */\n timeout: _propTypes2[\"default\"].number,\n\n /**\n * Callback fired before the component expands\n */\n onEnter: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component starts to expand\n */\n onEntering: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component has expanded\n */\n onEntered: _propTypes2[\"default\"].func,\n /**\n * Callback fired before the component collapses\n */\n onExit: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component starts to collapse\n */\n onExiting: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component has collapsed\n */\n onExited: _propTypes2[\"default\"].func,\n\n /**\n * The dimension used when collapsing, or a function that returns the\n * dimension\n *\n * _Note: Bootstrap only partially supports 'width'!\n * You will need to supply your own CSS animation for the `.width` CSS class._\n */\n dimension: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].oneOf(['height', 'width']), _propTypes2[\"default\"].func]),\n\n /**\n * Function that returns the height or width of the animating DOM node\n *\n * Allows for providing some custom logic for how much the Collapse component\n * should animate in its specified dimension. Called with the current\n * dimension prop value and the DOM node.\n */\n getDimensionValue: _propTypes2[\"default\"].func,\n\n /**\n * ARIA role of collapsible element\n */\n role: _propTypes2[\"default\"].string\n};\n\nvar defaultProps = {\n \"in\": false,\n timeout: 300,\n unmountOnExit: false,\n transitionAppear: false,\n\n dimension: 'height',\n getDimensionValue: getDimensionValue\n};\n\nvar Collapse = function (_React$Component) {\n _inherits(Collapse, _React$Component);\n\n function Collapse(props, context) {\n _classCallCheck(this, Collapse);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));\n\n _this.handleEnter = _this.handleEnter.bind(_this);\n _this.handleEntering = _this.handleEntering.bind(_this);\n _this.handleEntered = _this.handleEntered.bind(_this);\n _this.handleExit = _this.handleExit.bind(_this);\n _this.handleExiting = _this.handleExiting.bind(_this);\n return _this;\n }\n\n /* -- Expanding -- */\n\n\n Collapse.prototype.handleEnter = function handleEnter(elem) {\n var dimension = this._dimension();\n elem.style[dimension] = '0';\n };\n\n Collapse.prototype.handleEntering = function handleEntering(elem) {\n var dimension = this._dimension();\n elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);\n };\n\n Collapse.prototype.handleEntered = function handleEntered(elem) {\n var dimension = this._dimension();\n elem.style[dimension] = null;\n };\n\n /* -- Collapsing -- */\n\n\n Collapse.prototype.handleExit = function handleExit(elem) {\n var dimension = this._dimension();\n elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';\n triggerBrowserReflow(elem);\n };\n\n Collapse.prototype.handleExiting = function handleExiting(elem) {\n var dimension = this._dimension();\n elem.style[dimension] = '0';\n };\n\n Collapse.prototype._dimension = function _dimension() {\n return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;\n };\n\n // for testing\n\n\n Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {\n return elem['scroll' + (0, _capitalize2[\"default\"])(dimension)] + 'px';\n };\n\n Collapse.prototype.render = function render() {\n var _props = this.props,\n onEnter = _props.onEnter,\n onEntering = _props.onEntering,\n onEntered = _props.onEntered,\n onExit = _props.onExit,\n onExiting = _props.onExiting,\n className = _props.className,\n props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);\n\n delete props.dimension;\n delete props.getDimensionValue;\n\n var handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);\n var handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);\n var handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);\n var handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);\n var handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);\n\n var classes = {\n width: this._dimension() === 'width'\n };\n\n return _react2[\"default\"].createElement(_Transition2[\"default\"], _extends({}, props, {\n 'aria-expanded': props.role ? props[\"in\"] : null,\n className: (0, _classnames2[\"default\"])(className, classes),\n exitedClassName: 'collapse',\n exitingClassName: 'collapsing',\n enteredClassName: 'collapse in',\n enteringClassName: 'collapsing',\n onEnter: handleEnter,\n onEntering: handleEntering,\n onEntered: handleEntered,\n onExit: handleExit,\n onExiting: handleExiting\n }));\n };\n\n return Collapse;\n}(_react2[\"default\"].Component);\n\nCollapse.propTypes = propTypes;\nCollapse.defaultProps = defaultProps;\n\nexports[\"default\"] = Collapse;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 769 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = capitalize;\nfunction capitalize(string) {\n return \"\" + string.charAt(0).toUpperCase() + string.slice(1);\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 770 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Transition = __webpack_require__(131);\n\nvar _Transition2 = _interopRequireDefault(_Transition);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * Show the component; triggers the fade in or fade out animation\n */\n \"in\": _propTypes2[\"default\"].bool,\n\n /**\n * Unmount the component (remove it from the DOM) when it is faded out\n */\n unmountOnExit: _propTypes2[\"default\"].bool,\n\n /**\n * Run the fade in animation when the component mounts, if it is initially\n * shown\n */\n transitionAppear: _propTypes2[\"default\"].bool,\n\n /**\n * Duration of the fade animation in milliseconds, to ensure that finishing\n * callbacks are fired even if the original browser transition end events are\n * canceled\n */\n timeout: _propTypes2[\"default\"].number,\n\n /**\n * Callback fired before the component fades in\n */\n onEnter: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component starts to fade in\n */\n onEntering: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the has component faded in\n */\n onEntered: _propTypes2[\"default\"].func,\n /**\n * Callback fired before the component fades out\n */\n onExit: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component starts to fade out\n */\n onExiting: _propTypes2[\"default\"].func,\n /**\n * Callback fired after the component has faded out\n */\n onExited: _propTypes2[\"default\"].func\n};\n\nvar defaultProps = {\n \"in\": false,\n timeout: 300,\n unmountOnExit: false,\n transitionAppear: false\n};\n\nvar Fade = function (_React$Component) {\n _inherits(Fade, _React$Component);\n\n function Fade() {\n _classCallCheck(this, Fade);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Fade.prototype.render = function render() {\n return _react2[\"default\"].createElement(_Transition2[\"default\"], _extends({}, this.props, {\n className: (0, _classnames2[\"default\"])(this.props.className, 'fade'),\n enteredClassName: 'in',\n enteringClassName: 'in'\n }));\n };\n\n return Fade;\n}(_react2[\"default\"].Component);\n\nFade.propTypes = propTypes;\nFade.defaultProps = defaultProps;\n\nexports[\"default\"] = Fade;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 771 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n componentClass: _tinperBeeCore.elementType\n};\n\nvar defaultProps = {\n componentClass: 'div',\n clsPrefix: 'u-modal-body'\n};\n\nvar ModalBody = function (_React$Component) {\n _inherits(ModalBody, _React$Component);\n\n function ModalBody() {\n _classCallCheck(this, ModalBody);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n ModalBody.prototype.render = function render() {\n var _props = this.props,\n Component = _props.componentClass,\n clsPrefix = _props.clsPrefix,\n className = _props.className,\n props = _objectWithoutProperties(_props, ['componentClass', 'clsPrefix', 'className']);\n\n var classes = {};\n classes['' + clsPrefix] = true;\n\n return _react2[\"default\"].createElement(Component, _extends({}, props, {\n className: (0, _classnames2[\"default\"])(className, classes)\n }));\n };\n\n return ModalBody;\n}(_react2[\"default\"].Component);\n\nModalBody.propTypes = propTypes;\nModalBody.defaultProps = defaultProps;\n\nexports[\"default\"] = ModalBody;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 772 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeDnd = __webpack_require__(773);\n\nvar _beeDnd2 = _interopRequireDefault(_beeDnd);\n\nvar _reResizable = __webpack_require__(819);\n\nvar _reResizable2 = _interopRequireDefault(_reResizable);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * 传给dialog的classname\n */\n dialogClassName: _propTypes2[\"default\"].string,\n contentStyle: _propTypes2[\"default\"].object\n\n};\n\nvar defaultProps = {\n minHeight: 150,\n minWidth: 200,\n clsPrefix: 'u-modal',\n bounds: null\n};\n\nvar ModalDialog = function (_React$Component) {\n _inherits(ModalDialog, _React$Component);\n\n function ModalDialog() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, ModalDialog);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n draging: false,\n draged: false,\n original: {\n x: 0,\n y: 0\n },\n maxWidth: Number.MAX_SAFE_INTEGER,\n maxHeight: Number.MAX_SAFE_INTEGER\n }, _this.onStart = function () {\n var draggable = _this.props.draggable;\n\n _this.setState({\n draging: true\n });\n return draggable;\n }, _this.onStop = function (e, delta) {\n var dialogWidth = _this.modalDialog && _this.modalDialog.offsetWidth;\n var clientWidth = e && e.target && e.target.clientWidth;\n if (delta.x > 0 && clientWidth - delta.x < 50) {\n return;\n }\n if (delta.x < 0 && dialogWidth + delta.x < 50) {\n return;\n }\n if (delta.y < 0) {\n return;\n }\n _this.setState({\n draged: true,\n draging: false,\n original: {\n x: delta.x,\n y: delta.y\n }\n });\n }, _this.onResizeStart = function (e, dir, elementRef) {\n var onResizeStart = _this.props.onResizeStart;\n\n typeof onResizeStart === \"function\" && onResizeStart(e, dir, elementRef);\n _this.props.clearCenteredCls && _this.props.clearCenteredCls();\n }, _this.onResize = function (e, direction, elementRef, delta) {\n var onResize = _this.props.onResize;\n var original = _this.state.original;\n /* resize 之前的值 */\n\n var originX = original.x;\n var originY = original.y;\n\n /* 移动的位移 */\n var moveW = delta.width;\n var moveH = delta.height;\n\n /* 移动的位移 */\n var x = null,\n y = null;\n\n /* 处理上边缘 */\n if (/left/i.test(direction)) {\n x = originX - moveW;\n y = originY;\n _this.position = { x: x, y: y\n\n /* 处理左边缘 */\n };\n } else if (/top/i.test(direction)) {\n x = originX;\n y = originY - moveH;\n _this.position = { x: x, y: y };\n } else {\n _this.position = null;\n }\n\n if (x || y) {\n elementRef.style.transform = 'translate(' + x + 'px, ' + y + 'px)';\n }\n if (delta.height) {\n _this.updateBodyH();\n }\n\n typeof onResize === \"function\" && onResize(e, direction, elementRef, delta);\n }, _this.onResizeStop = function (e, direction, elementRef, delta) {\n var onResizeStop = _this.props.onResizeStop;\n\n\n if (_this.position) {\n _this.setState({\n original: _this.position\n });\n }\n\n typeof onResizeStop === \"function\" && onResizeStop(e, direction, elementRef, delta);\n }, _this.updateBodyH = function () {\n var $resizable = _reactDom2[\"default\"].findDOMNode(_this.resizable);\n var $header = $resizable.querySelector(\".u-modal-header\");\n var $body = $resizable.querySelector(\".u-modal-body\");\n var $footer = $resizable.querySelector(\".u-modal-footer\");\n\n var totalH = $resizable.style.height;\n totalH = Number(totalH.replace(\"px\", \"\"));\n if ($header) {\n totalH -= $header.offsetHeight;\n }\n if ($footer) {\n totalH -= $footer.offsetHeight;\n }\n\n $body.style.height = totalH + 'px';\n }, _this.getMaxSizesFromProps = function () {\n var backDropW = _this.backdrop && _this.backdrop.offsetWidth ? _this.backdrop.offsetWidth : Number.MAX_SAFE_INTEGER;\n var backDropH = _this.backdrop && _this.backdrop.offsetHeight ? _this.backdrop.offsetHeight : Number.MAX_SAFE_INTEGER;\n\n var maxWidth = typeof _this.props.maxWidth === \"undefined\" ? backDropW : _this.props.maxWidth;\n var maxHeight = typeof _this.props.maxHeight === \"undefined\" ? backDropH : _this.props.maxHeight;\n return { maxWidth: maxWidth, maxHeight: maxHeight };\n }, _this.handleWH = function (value) {\n var size = value;\n if (typeof value === \"string\" && value.endsWith(\"px\")) {\n size = Number(value.replace(\"px\", \"\"));\n } else if (typeof Number(value) === \"number\" && !Number.isNaN(Number(value))) {\n size = Number(value);\n }\n return size;\n }, _this.renderModalContent = function () {\n var _this$props = _this.props,\n clsPrefix = _this$props.clsPrefix,\n children = _this$props.children,\n resizable = _this$props.resizable,\n contentStyle = _this$props.contentStyle,\n minHeight = _this$props.minHeight,\n minWidth = _this$props.minWidth,\n resizeClassName = _this$props.resizeClassName;\n var _this$state = _this.state,\n maxWidth = _this$state.maxWidth,\n maxHeight = _this$state.maxHeight;\n\n if (!resizable) {\n return _react2[\"default\"].createElement(\n 'div',\n { style: contentStyle, className: (0, _classnames2[\"default\"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref) {\n return _this.resize = _ref;\n } },\n children\n );\n }\n var _minWidth = _this.handleWH(minWidth);\n var _minHeight = _this.handleWH(minHeight);\n return _react2[\"default\"].createElement(\n _reResizable2[\"default\"],\n {\n className: resizeClassName,\n ref: function ref(c) {\n if (c) {\n _this.resizable = c;\n }\n },\n onResizeStart: _this.onResizeStart,\n onResize: _this.onResize,\n onResizeStop: _this.onResizeStop,\n minWidth: _minWidth,\n minHeight: _minHeight,\n maxWidth: _this.handleWH(maxWidth),\n maxHeight: _this.handleWH(maxHeight)\n },\n _react2[\"default\"].createElement(\n 'div',\n { style: _extends({}, contentStyle, { minHeight: _minHeight, height: \"100%\" }), className: (0, _classnames2[\"default\"])([clsPrefix + '-content']), role: 'document', ref: function ref(_ref2) {\n return _this.resize = _ref2;\n } },\n children\n )\n );\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n ModalDialog.prototype.componentDidUpdate = function componentDidUpdate() {\n if (this.props.resizable) {\n var _getMaxSizesFromProps = this.getMaxSizesFromProps(),\n maxWidth = _getMaxSizesFromProps.maxWidth,\n maxHeight = _getMaxSizesFromProps.maxHeight;\n\n if (maxWidth != this.state.maxWidth) {\n this.setState({\n maxWidth: maxWidth,\n maxHeight: maxHeight\n });\n }\n }\n };\n // 当ModalDialog留在可视区的宽度 < 50px 时，拖拽不生效\n\n\n /* 开始resize */\n\n\n /* resizing */\n\n\n /* resize 结束 */\n\n\n /**\n * 更新Modal.Body的高度\n */\n\n\n /**\n * 获取最大宽度和高度\n */\n\n\n ModalDialog.prototype.render = function render() {\n var _dialogClasses,\n _this2 = this;\n\n var _props = this.props,\n dialogClassName = _props.dialogClassName,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n size = _props.size,\n style = _props.style,\n contentStyle = _props.contentStyle,\n children = _props.children,\n draggable = _props.draggable,\n resizable = _props.resizable,\n resizeClassName = _props.resizeClassName,\n minHeight = _props.minHeight,\n minWidth = _props.minWidth,\n bounds = _props.bounds,\n clearCenteredCls = _props.clearCenteredCls,\n props = _objectWithoutProperties(_props, ['dialogClassName', 'className', 'clsPrefix', 'size', 'style', 'contentStyle', 'children', 'draggable', 'resizable', 'resizeClassName', 'minHeight', 'minWidth', 'bounds', 'clearCenteredCls']);\n\n var _state = this.state,\n original = _state.original,\n maxWidth = _state.maxWidth,\n maxHeight = _state.maxHeight,\n draging = _state.draging,\n draged = _state.draged;\n\n\n var uClassName = _defineProperty({}, '' + clsPrefix, true);\n\n var modalStyle = { display: 'block' };\n\n var dialogClasses = (_dialogClasses = {}, _defineProperty(_dialogClasses, uClassName, false), _defineProperty(_dialogClasses, clsPrefix + '-dialog', true), _dialogClasses);\n if (size) {\n dialogClasses[clsPrefix + '-' + size] = true;\n }\n if (draggable) {\n dialogClasses[clsPrefix + '-draggable'] = true;\n }\n if (draging) dialogClasses[clsPrefix + '-draging'] = true;\n\n if (draged) dialogClasses[clsPrefix + '-draged'] = true;\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({}, props, {\n tabIndex: '-1',\n role: 'dialog',\n style: modalStyle,\n ref: function ref(_ref4) {\n return _this2.backdrop = _ref4;\n },\n className: (0, _classnames2[\"default\"])(className, uClassName)\n }),\n _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(dialogClassName, dialogClasses), style: style, ref: function ref(_ref3) {\n return _this2.modalDialog = _ref3;\n } },\n draggable ? _react2[\"default\"].createElement(\n _beeDnd2[\"default\"],\n {\n handle: '.dnd-handle',\n cancel: '.dnd-cancel',\n bounds: bounds //防止拖拽时，Header 被导航栏覆盖\n , onStart: this.onStart,\n onStop: this.onStop,\n position: original,\n list: []\n },\n this.renderModalContent()\n ) : this.renderModalContent()\n )\n );\n };\n\n return ModalDialog;\n}(_react2[\"default\"].Component);\n\nModalDialog.propTypes = propTypes;\nModalDialog.defaultProps = defaultProps;\n\nexports[\"default\"] = ModalDialog;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 773 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Dnd = __webpack_require__(774);\n\nvar _Dnd2 = _interopRequireDefault(_Dnd);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Dnd2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 774 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactBeautifulDnd = __webpack_require__(68);\n\nvar _reactDraggable = __webpack_require__(244);\n\nvar _reactDraggable2 = _interopRequireDefault(_reactDraggable);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _lodash = __webpack_require__(39);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nvar _SortList = __webpack_require__(808);\n\nvar _SortList2 = _interopRequireDefault(_SortList);\n\nvar _Between = __webpack_require__(809);\n\nvar _Between2 = _interopRequireDefault(_Between);\n\nvar _GridLayout = __webpack_require__(810);\n\nvar _GridLayout2 = _interopRequireDefault(_GridLayout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n onStart: _propTypes2[\"default\"].func,\n onDrag: _propTypes2[\"default\"].func,\n onStop: _propTypes2[\"default\"].func,\n onDragUpdate: _propTypes2[\"default\"].func,\n dropClass: _propTypes2[\"default\"].string,\n dropOverClass: _propTypes2[\"default\"].string,\n dragClass: _propTypes2[\"default\"].string,\n dragingClass: _propTypes2[\"default\"].string,\n draggedClass: _propTypes2[\"default\"].string,\n className: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].object,\n list: _propTypes2[\"default\"].array,\n otherList: _propTypes2[\"default\"].array,\n type: _propTypes2[\"default\"].oneOf(['vertical', 'horizontal', 'betweenVertical', 'betweenHorizontal']),\n showKey: _propTypes2[\"default\"].string\n\n};\nvar defaultProps = {\n onStart: function onStart() {},\n onDrag: function onDrag() {},\n onStop: function onStop() {},\n onDragUpdate: function onDragUpdate() {},\n list: false,\n otherList: [],\n dropClass: '',\n dropOverClass: '',\n dragClass: '',\n dragingClass: '',\n draggedClass: '',\n type: 'vertical'\n};\n\nvar Dnd = function (_Component) {\n _inherits(Dnd, _Component);\n\n function Dnd(props) {\n _classCallCheck(this, Dnd);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.state = {\n items: _this.props.list || []\n };\n return _this;\n }\n\n Dnd.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (!(0, _lodash2[\"default\"])(this.state.items, nextProps.list)) {\n this.setState({\n items: nextProps.list\n });\n }\n };\n\n Dnd.prototype.render = function render() {\n var _this2 = this;\n\n var self = this;\n var DndType = function DndType() {\n switch (_this2.props.type) {\n case 'vertical':\n return _react2[\"default\"].createElement(_SortList2[\"default\"], _this2.props);\n break;\n case 'horizontal':\n return _react2[\"default\"].createElement(_SortList2[\"default\"], _this2.props);\n break;\n case 'betweenVertical':\n return _react2[\"default\"].createElement(_Between2[\"default\"], _this2.props);\n break;\n case 'betweenHorizontal':\n return _react2[\"default\"].createElement(_Between2[\"default\"], _this2.props);\n break;\n default:\n return _react2[\"default\"].createElement(_SortList2[\"default\"], _this2.props);\n break;\n }\n };\n return _react2[\"default\"].createElement(\n 'div',\n null,\n self.state.items.length ? DndType() : _react2[\"default\"].createElement(\n _reactDraggable2[\"default\"],\n _extends({ defaultClassName: this.props.dragClass,\n defaultClassNameDragging: this.props.dragingClass,\n defaultClassNameDragged: this.props.draggedClass\n }, this.props),\n self.props.children\n )\n );\n };\n\n return Dnd;\n}(_react.Component);\n\nDnd.propTypes = propTypes;\nDnd.defaultProps = defaultProps;\nDnd.Drag = _reactDraggable2[\"default\"];\nDnd.DragDropContext = _reactBeautifulDnd.DragDropContext;\nDnd.Droppable = _reactBeautifulDnd.Droppable;\nDnd.Draggable = _reactBeautifulDnd.Draggable;\nDnd.GridLayout = _GridLayout2[\"default\"];\nexports[\"default\"] = Dnd;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 775 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = _extends;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign__ = __webpack_require__(235);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__core_js_object_assign__);\n\nfunction _extends() {\n _extends = __WEBPACK_IMPORTED_MODULE_0__core_js_object_assign___default.a || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\n/***/ }),\n/* 776 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return calculateBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return createBox; });\n/* unused harmony export expand */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"c\", function() { return getBox; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"d\", function() { return getRect; });\n/* unused harmony export offset */\n/* unused harmony export shrink */\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"e\", function() { return withScroll; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(236);\n\n\nvar getRect = function getRect(_ref) {\n var top = _ref.top,\n right = _ref.right,\n bottom = _ref.bottom,\n left = _ref.left;\n var width = right - left;\n var height = bottom - top;\n var rect = {\n top: top,\n right: right,\n bottom: bottom,\n left: left,\n width: width,\n height: height,\n x: left,\n y: top,\n center: {\n x: (right + left) / 2,\n y: (bottom + top) / 2\n }\n };\n return rect;\n};\nvar expand = function expand(target, expandBy) {\n return {\n top: target.top - expandBy.top,\n left: target.left - expandBy.left,\n bottom: target.bottom + expandBy.bottom,\n right: target.right + expandBy.right\n };\n};\nvar shrink = function shrink(target, shrinkBy) {\n return {\n top: target.top + shrinkBy.top,\n left: target.left + shrinkBy.left,\n bottom: target.bottom - shrinkBy.bottom,\n right: target.right - shrinkBy.right\n };\n};\n\nvar shift = function shift(target, shiftBy) {\n return {\n top: target.top + shiftBy.y,\n left: target.left + shiftBy.x,\n bottom: target.bottom + shiftBy.y,\n right: target.right + shiftBy.x\n };\n};\n\nvar noSpacing = {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n};\nvar createBox = function createBox(_ref2) {\n var borderBox = _ref2.borderBox,\n _ref2$margin = _ref2.margin,\n margin = _ref2$margin === void 0 ? noSpacing : _ref2$margin,\n _ref2$border = _ref2.border,\n border = _ref2$border === void 0 ? noSpacing : _ref2$border,\n _ref2$padding = _ref2.padding,\n padding = _ref2$padding === void 0 ? noSpacing : _ref2$padding;\n var marginBox = getRect(expand(borderBox, margin));\n var paddingBox = getRect(shrink(borderBox, border));\n var contentBox = getRect(shrink(paddingBox, padding));\n return {\n marginBox: marginBox,\n borderBox: getRect(borderBox),\n paddingBox: paddingBox,\n contentBox: contentBox,\n margin: margin,\n border: border,\n padding: padding\n };\n};\n\nvar parse = function parse(raw) {\n var value = raw.slice(0, -2);\n var suffix = raw.slice(-2);\n\n if (suffix !== 'px') {\n return 0;\n }\n\n var result = Number(value);\n !!isNaN(result) ? process.env.NODE_ENV !== \"production\" ? Object(__WEBPACK_IMPORTED_MODULE_0_tiny_invariant__[\"a\" /* default */])(false, \"Could not parse value [raw: \" + raw + \", without suffix: \" + value + \"]\") : Object(__WEBPACK_IMPORTED_MODULE_0_tiny_invariant__[\"a\" /* default */])(false) : void 0;\n return result;\n};\n\nvar getWindowScroll = function getWindowScroll() {\n return {\n x: window.pageXOffset,\n y: window.pageYOffset\n };\n};\n\nvar offset = function offset(original, change) {\n var borderBox = original.borderBox,\n border = original.border,\n margin = original.margin,\n padding = original.padding;\n var shifted = shift(borderBox, change);\n return createBox({\n borderBox: shifted,\n border: border,\n margin: margin,\n padding: padding\n });\n};\nvar withScroll = function withScroll(original, scroll) {\n if (scroll === void 0) {\n scroll = getWindowScroll();\n }\n\n return offset(original, scroll);\n};\nvar calculateBox = function calculateBox(borderBox, styles) {\n var margin = {\n top: parse(styles.marginTop),\n right: parse(styles.marginRight),\n bottom: parse(styles.marginBottom),\n left: parse(styles.marginLeft)\n };\n var padding = {\n top: parse(styles.paddingTop),\n right: parse(styles.paddingRight),\n bottom: parse(styles.paddingBottom),\n left: parse(styles.paddingLeft)\n };\n var border = {\n top: parse(styles.borderTopWidth),\n right: parse(styles.borderRightWidth),\n bottom: parse(styles.borderBottomWidth),\n left: parse(styles.borderLeftWidth)\n };\n return createBox({\n borderBox: borderBox,\n margin: margin,\n padding: padding,\n border: border\n });\n};\nvar getBox = function getBox(el) {\n var borderBox = el.getBoundingClientRect();\n var styles = window.getComputedStyle(el);\n return calculateBox(borderBox, styles);\n};\n\n\n\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))\n\n/***/ }),\n/* 777 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(778);\n\n/***/ }),\n/* 778 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(779);\nmodule.exports = __webpack_require__(18).Object.keys;\n\n\n/***/ }),\n/* 779 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// 19.1.2.14 Object.keys(O)\nvar toObject = __webpack_require__(57);\nvar $keys = __webpack_require__(56);\n\n__webpack_require__(780)('keys', function () {\n return function keys(it) {\n return $keys(toObject(it));\n };\n});\n\n\n/***/ }),\n/* 780 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// most Object methods by ES6 should accept primitives\nvar $export = __webpack_require__(30);\nvar core = __webpack_require__(18);\nvar fails = __webpack_require__(43);\nmodule.exports = function (KEY, exec) {\n var fn = (core.Object || {})[KEY] || Object[KEY];\n var exp = {};\n exp[KEY] = exec(fn);\n $export($export.S + $export.F * fails(function () { fn(1); }), 'Object', exp);\n};\n\n\n/***/ }),\n/* 781 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar simpleIsEqual = function simpleIsEqual(a, b) {\n return a === b;\n};\n\nfunction index (resultFn, isEqual) {\n if (isEqual === void 0) {\n isEqual = simpleIsEqual;\n }\n\n var lastThis;\n var lastArgs = [];\n var lastResult;\n var calledOnce = false;\n\n var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {\n return isEqual(newArg, lastArgs[index], index);\n };\n\n var result = function result() {\n for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {\n newArgs[_key] = arguments[_key];\n }\n\n if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {\n return lastResult;\n }\n\n lastResult = resultFn.apply(this, newArgs);\n calledOnce = true;\n lastThis = this;\n lastArgs = newArgs;\n return lastResult;\n };\n\n return result;\n}\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (index);\n\n\n/***/ }),\n/* 782 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__ponyfill_js__ = __webpack_require__(784);\n/* global window */\n\n\nvar root;\n\nif (typeof self !== 'undefined') {\n root = self;\n} else if (typeof window !== 'undefined') {\n root = window;\n} else if (typeof global !== 'undefined') {\n root = global;\n} else if (true) {\n root = module;\n} else {\n root = Function('return this')();\n}\n\nvar result = Object(__WEBPACK_IMPORTED_MODULE_0__ponyfill_js__[\"a\" /* default */])(root);\n/* harmony default export */ __webpack_exports__[\"a\"] = (result);\n\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(24), __webpack_require__(783)(module)))\n\n/***/ }),\n/* 783 */\n/***/ (function(module, exports) {\n\nmodule.exports = function(originalModule) {\n\tif(!originalModule.webpackPolyfill) {\n\t\tvar module = Object.create(originalModule);\n\t\t// module.parent = undefined by default\n\t\tif(!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"exports\", {\n\t\t\tenumerable: true,\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n\n\n/***/ }),\n/* 784 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = symbolObservablePonyfill;\nfunction symbolObservablePonyfill(root) {\n\tvar result;\n\tvar Symbol = root.Symbol;\n\n\tif (typeof Symbol === 'function') {\n\t\tif (Symbol.observable) {\n\t\t\tresult = Symbol.observable;\n\t\t} else {\n\t\t\tresult = Symbol('observable');\n\t\t\tSymbol.observable = result;\n\t\t}\n\t} else {\n\t\tresult = '@@observable';\n\t}\n\n\treturn result;\n};\n\n\n/***/ }),\n/* 785 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar rafSchd = function rafSchd(fn) {\n var lastArgs = [];\n var frameId = null;\n\n var wrapperFn = function wrapperFn() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n lastArgs = args;\n\n if (frameId) {\n return;\n }\n\n frameId = requestAnimationFrame(function () {\n frameId = null;\n fn.apply(void 0, lastArgs);\n });\n };\n\n wrapperFn.cancel = function () {\n if (!frameId) {\n return;\n }\n\n cancelAnimationFrame(frameId);\n frameId = null;\n };\n\n return wrapperFn;\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (rafSchd);\n\n\n/***/ }),\n/* 786 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = _inheritsLoose;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_create__ = __webpack_require__(787);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__core_js_object_create___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__core_js_object_create__);\n\nfunction _inheritsLoose(subClass, superClass) {\n subClass.prototype = __WEBPACK_IMPORTED_MODULE_0__core_js_object_create___default()(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}\n\n/***/ }),\n/* 787 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(198);\n\n/***/ }),\n/* 788 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(789);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(240);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__connect_connect__ = __webpack_require__(793);\n/* unused harmony reexport Provider */\n/* unused harmony reexport createProvider */\n/* unused harmony reexport connectAdvanced */\n/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return __WEBPACK_IMPORTED_MODULE_2__connect_connect__[\"a\"]; });\n\n\n\n\n\n/***/ }),\n/* 789 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export createProvider */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__ = __webpack_require__(238);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__ = __webpack_require__(239);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_warning__ = __webpack_require__(132);\n\n\n\n\n\nvar prefixUnsafeLifecycleMethods = typeof __WEBPACK_IMPORTED_MODULE_1_react___default.a.forwardRef !== \"undefined\";\nvar didWarnAboutReceivingStore = false;\n\nfunction warnAboutReceivingStore() {\n if (didWarnAboutReceivingStore) {\n return;\n }\n\n didWarnAboutReceivingStore = true;\n Object(__WEBPACK_IMPORTED_MODULE_4__utils_warning__[\"a\" /* default */])(' does not support changing `store` on the fly. ' + 'It is most likely that you see this error because you updated to ' + 'Redux 2.x and React Redux 2.x which no longer hot reload reducers ' + 'automatically. See https://github.com/reduxjs/react-redux/releases/' + 'tag/v2.0.0 for the migration instructions.');\n}\n\nfunction createProvider(storeKey) {\n var _Provider$childContex;\n\n if (storeKey === void 0) {\n storeKey = 'store';\n }\n\n var subscriptionKey = storeKey + \"Subscription\";\n\n var Provider =\n /*#__PURE__*/\n function (_Component) {\n Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_inheritsLoose__[\"a\" /* default */])(Provider, _Component);\n\n var _proto = Provider.prototype;\n\n _proto.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[storeKey] = this[storeKey], _ref[subscriptionKey] = null, _ref;\n };\n\n function Provider(props, context) {\n var _this;\n\n _this = _Component.call(this, props, context) || this;\n _this[storeKey] = props.store;\n return _this;\n }\n\n _proto.render = function render() {\n return __WEBPACK_IMPORTED_MODULE_1_react__[\"Children\"].only(this.props.children);\n };\n\n return Provider;\n }(__WEBPACK_IMPORTED_MODULE_1_react__[\"Component\"]);\n\n if (process.env.NODE_ENV !== 'production') {\n // Use UNSAFE_ event name where supported\n var eventName = prefixUnsafeLifecycleMethods ? 'UNSAFE_componentWillReceiveProps' : 'componentWillReceiveProps';\n\n Provider.prototype[eventName] = function (nextProps) {\n if (this[storeKey] !== nextProps.store) {\n warnAboutReceivingStore();\n }\n };\n }\n\n Provider.propTypes = {\n store: __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__[\"a\" /* storeShape */].isRequired,\n children: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.element.isRequired\n };\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[storeKey] = __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__[\"a\" /* storeShape */].isRequired, _Provider$childContex[subscriptionKey] = __WEBPACK_IMPORTED_MODULE_3__utils_PropTypes__[\"b\" /* subscriptionShape */], _Provider$childContex);\n return Provider;\n}\n/* unused harmony default export */ var _unused_webpack_default_export = (createProvider());\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))\n\n/***/ }),\n/* 790 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = _assertThisInitialized;\nfunction _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\n/***/ }),\n/* 791 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar invariant = function(condition, format, a, b, c, d, e, f) {\n if (process.env.NODE_ENV !== 'production') {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n }\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error(\n 'Minified exception occurred; use the non-minified dev environment ' +\n 'for the full error message and additional helpful warnings.'\n );\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(\n format.replace(/%s/g, function() { return args[argIndex++]; })\n );\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n};\n\nmodule.exports = invariant;\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 792 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return Subscription; });\n// encapsulates the subscription logic for connecting a component to the redux store, as\n// well as nesting subscriptions of descendant components, so that we can ensure the\n// ancestor components re-render before descendants\nvar CLEARED = null;\nvar nullListeners = {\n notify: function notify() {}\n};\n\nfunction createListenerCollection() {\n // the current/next pattern is copied from redux's createStore code.\n // TODO: refactor+expose that code to be reusable here?\n var current = [];\n var next = [];\n return {\n clear: function clear() {\n next = CLEARED;\n current = CLEARED;\n },\n notify: function notify() {\n var listeners = current = next;\n\n for (var i = 0; i < listeners.length; i++) {\n listeners[i]();\n }\n },\n get: function get() {\n return next;\n },\n subscribe: function subscribe(listener) {\n var isSubscribed = true;\n if (next === current) next = current.slice();\n next.push(listener);\n return function unsubscribe() {\n if (!isSubscribed || current === CLEARED) return;\n isSubscribed = false;\n if (next === current) next = current.slice();\n next.splice(next.indexOf(listener), 1);\n };\n }\n };\n}\n\nvar Subscription =\n/*#__PURE__*/\nfunction () {\n function Subscription(store, parentSub, onStateChange) {\n this.store = store;\n this.parentSub = parentSub;\n this.onStateChange = onStateChange;\n this.unsubscribe = null;\n this.listeners = nullListeners;\n }\n\n var _proto = Subscription.prototype;\n\n _proto.addNestedSub = function addNestedSub(listener) {\n this.trySubscribe();\n return this.listeners.subscribe(listener);\n };\n\n _proto.notifyNestedSubs = function notifyNestedSubs() {\n this.listeners.notify();\n };\n\n _proto.isSubscribed = function isSubscribed() {\n return Boolean(this.unsubscribe);\n };\n\n _proto.trySubscribe = function trySubscribe() {\n if (!this.unsubscribe) {\n this.unsubscribe = this.parentSub ? this.parentSub.addNestedSub(this.onStateChange) : this.store.subscribe(this.onStateChange);\n this.listeners = createListenerCollection();\n }\n };\n\n _proto.tryUnsubscribe = function tryUnsubscribe() {\n if (this.unsubscribe) {\n this.unsubscribe();\n this.unsubscribe = null;\n this.listeners.clear();\n this.listeners = nullListeners;\n }\n };\n\n return Subscription;\n}();\n\n\n\n/***/ }),\n/* 793 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export createConnect */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(133);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(134);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__ = __webpack_require__(240);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__ = __webpack_require__(794);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__ = __webpack_require__(795);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__ = __webpack_require__(797);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__mergeProps__ = __webpack_require__(798);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectorFactory__ = __webpack_require__(799);\n\n\n\n\n\n\n\n\n/*\n connect is a facade over connectAdvanced. It turns its args into a compatible\n selectorFactory, which has the signature:\n\n (dispatch, options) => (nextState, nextOwnProps) => nextFinalProps\n \n connect passes its args to connectAdvanced as options, which will in turn pass them to\n selectorFactory each time a Connect component instance is instantiated or hot reloaded.\n\n selectorFactory returns a final props selector from its mapStateToProps,\n mapStateToPropsFactories, mapDispatchToProps, mapDispatchToPropsFactories, mergeProps,\n mergePropsFactories, and pure args.\n\n The resulting final props selector is called by the Connect component instance whenever\n it receives new props or store state.\n */\n\nfunction match(arg, factories, name) {\n for (var i = factories.length - 1; i >= 0; i--) {\n var result = factories[i](arg);\n if (result) return result;\n }\n\n return function (dispatch, options) {\n throw new Error(\"Invalid value of type \" + typeof arg + \" for \" + name + \" argument when connecting component \" + options.wrappedComponentName + \".\");\n };\n}\n\nfunction strictEqual(a, b) {\n return a === b;\n} // createConnect with default args builds the 'official' connect behavior. Calling it with\n// different options opens up some testing and extensibility scenarios\n\n\nfunction createConnect(_temp) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$connectHOC = _ref.connectHOC,\n connectHOC = _ref$connectHOC === void 0 ? __WEBPACK_IMPORTED_MODULE_2__components_connectAdvanced__[\"a\" /* default */] : _ref$connectHOC,\n _ref$mapStateToPropsF = _ref.mapStateToPropsFactories,\n mapStateToPropsFactories = _ref$mapStateToPropsF === void 0 ? __WEBPACK_IMPORTED_MODULE_5__mapStateToProps__[\"a\" /* default */] : _ref$mapStateToPropsF,\n _ref$mapDispatchToPro = _ref.mapDispatchToPropsFactories,\n mapDispatchToPropsFactories = _ref$mapDispatchToPro === void 0 ? __WEBPACK_IMPORTED_MODULE_4__mapDispatchToProps__[\"a\" /* default */] : _ref$mapDispatchToPro,\n _ref$mergePropsFactor = _ref.mergePropsFactories,\n mergePropsFactories = _ref$mergePropsFactor === void 0 ? __WEBPACK_IMPORTED_MODULE_6__mergeProps__[\"a\" /* default */] : _ref$mergePropsFactor,\n _ref$selectorFactory = _ref.selectorFactory,\n selectorFactory = _ref$selectorFactory === void 0 ? __WEBPACK_IMPORTED_MODULE_7__selectorFactory__[\"a\" /* default */] : _ref$selectorFactory;\n\n return function connect(mapStateToProps, mapDispatchToProps, mergeProps, _ref2) {\n if (_ref2 === void 0) {\n _ref2 = {};\n }\n\n var _ref3 = _ref2,\n _ref3$pure = _ref3.pure,\n pure = _ref3$pure === void 0 ? true : _ref3$pure,\n _ref3$areStatesEqual = _ref3.areStatesEqual,\n areStatesEqual = _ref3$areStatesEqual === void 0 ? strictEqual : _ref3$areStatesEqual,\n _ref3$areOwnPropsEqua = _ref3.areOwnPropsEqual,\n areOwnPropsEqual = _ref3$areOwnPropsEqua === void 0 ? __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__[\"a\" /* default */] : _ref3$areOwnPropsEqua,\n _ref3$areStatePropsEq = _ref3.areStatePropsEqual,\n areStatePropsEqual = _ref3$areStatePropsEq === void 0 ? __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__[\"a\" /* default */] : _ref3$areStatePropsEq,\n _ref3$areMergedPropsE = _ref3.areMergedPropsEqual,\n areMergedPropsEqual = _ref3$areMergedPropsE === void 0 ? __WEBPACK_IMPORTED_MODULE_3__utils_shallowEqual__[\"a\" /* default */] : _ref3$areMergedPropsE,\n extraOptions = Object(__WEBPACK_IMPORTED_MODULE_1__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__[\"a\" /* default */])(_ref3, [\"pure\", \"areStatesEqual\", \"areOwnPropsEqual\", \"areStatePropsEqual\", \"areMergedPropsEqual\"]);\n\n var initMapStateToProps = match(mapStateToProps, mapStateToPropsFactories, 'mapStateToProps');\n var initMapDispatchToProps = match(mapDispatchToProps, mapDispatchToPropsFactories, 'mapDispatchToProps');\n var initMergeProps = match(mergeProps, mergePropsFactories, 'mergeProps');\n return connectHOC(selectorFactory, Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__[\"a\" /* default */])({\n // used in error messages\n methodName: 'connect',\n // used to compute Connect's displayName from the wrapped component's displayName.\n getDisplayName: function getDisplayName(name) {\n return \"Connect(\" + name + \")\";\n },\n // if mapStateToProps is falsy, the Connect component doesn't subscribe to store state changes\n shouldHandleStateChanges: Boolean(mapStateToProps),\n // passed through to selectorFactory\n initMapStateToProps: initMapStateToProps,\n initMapDispatchToProps: initMapDispatchToProps,\n initMergeProps: initMergeProps,\n pure: pure,\n areStatesEqual: areStatesEqual,\n areOwnPropsEqual: areOwnPropsEqual,\n areStatePropsEqual: areStatePropsEqual,\n areMergedPropsEqual: areMergedPropsEqual\n }, extraOptions));\n };\n}\n/* harmony default export */ __webpack_exports__[\"a\"] = (createConnect());\n\n/***/ }),\n/* 794 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = shallowEqual;\nvar hasOwn = Object.prototype.hasOwnProperty;\n\nfunction is(x, y) {\n if (x === y) {\n return x !== 0 || y !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction shallowEqual(objA, objB) {\n if (is(objA, objB)) return true;\n\n if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n if (keysA.length !== keysB.length) return false;\n\n for (var i = 0; i < keysA.length; i++) {\n if (!hasOwn.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {\n return false;\n }\n }\n\n return true;\n}\n\n/***/ }),\n/* 795 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export whenMapDispatchToPropsIsFunction */\n/* unused harmony export whenMapDispatchToPropsIsMissing */\n/* unused harmony export whenMapDispatchToPropsIsObject */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_redux__ = __webpack_require__(237);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__ = __webpack_require__(241);\n\n\nfunction whenMapDispatchToPropsIsFunction(mapDispatchToProps) {\n return typeof mapDispatchToProps === 'function' ? Object(__WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__[\"b\" /* wrapMapToPropsFunc */])(mapDispatchToProps, 'mapDispatchToProps') : undefined;\n}\nfunction whenMapDispatchToPropsIsMissing(mapDispatchToProps) {\n return !mapDispatchToProps ? Object(__WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__[\"a\" /* wrapMapToPropsConstant */])(function (dispatch) {\n return {\n dispatch: dispatch\n };\n }) : undefined;\n}\nfunction whenMapDispatchToPropsIsObject(mapDispatchToProps) {\n return mapDispatchToProps && typeof mapDispatchToProps === 'object' ? Object(__WEBPACK_IMPORTED_MODULE_1__wrapMapToProps__[\"a\" /* wrapMapToPropsConstant */])(function (dispatch) {\n return Object(__WEBPACK_IMPORTED_MODULE_0_redux__[\"b\" /* bindActionCreators */])(mapDispatchToProps, dispatch);\n }) : undefined;\n}\n/* harmony default export */ __webpack_exports__[\"a\"] = ([whenMapDispatchToPropsIsFunction, whenMapDispatchToPropsIsMissing, whenMapDispatchToPropsIsObject]);\n\n/***/ }),\n/* 796 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = isPlainObject;\n/**\n * @param {any} obj The object to inspect.\n * @returns {boolean} True if the argument appears to be a plain object.\n */\nfunction isPlainObject(obj) {\n if (typeof obj !== 'object' || obj === null) return false;\n var proto = Object.getPrototypeOf(obj);\n if (proto === null) return true;\n var baseProto = proto;\n\n while (Object.getPrototypeOf(baseProto) !== null) {\n baseProto = Object.getPrototypeOf(baseProto);\n }\n\n return proto === baseProto;\n}\n\n/***/ }),\n/* 797 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export whenMapStateToPropsIsFunction */\n/* unused harmony export whenMapStateToPropsIsMissing */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__ = __webpack_require__(241);\n\nfunction whenMapStateToPropsIsFunction(mapStateToProps) {\n return typeof mapStateToProps === 'function' ? Object(__WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__[\"b\" /* wrapMapToPropsFunc */])(mapStateToProps, 'mapStateToProps') : undefined;\n}\nfunction whenMapStateToPropsIsMissing(mapStateToProps) {\n return !mapStateToProps ? Object(__WEBPACK_IMPORTED_MODULE_0__wrapMapToProps__[\"a\" /* wrapMapToPropsConstant */])(function () {\n return {};\n }) : undefined;\n}\n/* harmony default export */ __webpack_exports__[\"a\"] = ([whenMapStateToPropsIsFunction, whenMapStateToPropsIsMissing]);\n\n/***/ }),\n/* 798 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export defaultMergeProps */\n/* unused harmony export wrapMergePropsFunc */\n/* unused harmony export whenMergePropsIsFunction */\n/* unused harmony export whenMergePropsIsOmitted */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__ = __webpack_require__(133);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__ = __webpack_require__(242);\n\n\nfunction defaultMergeProps(stateProps, dispatchProps, ownProps) {\n return Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_extends__[\"a\" /* default */])({}, ownProps, stateProps, dispatchProps);\n}\nfunction wrapMergePropsFunc(mergeProps) {\n return function initMergePropsProxy(dispatch, _ref) {\n var displayName = _ref.displayName,\n pure = _ref.pure,\n areMergedPropsEqual = _ref.areMergedPropsEqual;\n var hasRunOnce = false;\n var mergedProps;\n return function mergePropsProxy(stateProps, dispatchProps, ownProps) {\n var nextMergedProps = mergeProps(stateProps, dispatchProps, ownProps);\n\n if (hasRunOnce) {\n if (!pure || !areMergedPropsEqual(nextMergedProps, mergedProps)) mergedProps = nextMergedProps;\n } else {\n hasRunOnce = true;\n mergedProps = nextMergedProps;\n if (process.env.NODE_ENV !== 'production') Object(__WEBPACK_IMPORTED_MODULE_1__utils_verifyPlainObject__[\"a\" /* default */])(mergedProps, displayName, 'mergeProps');\n }\n\n return mergedProps;\n };\n };\n}\nfunction whenMergePropsIsFunction(mergeProps) {\n return typeof mergeProps === 'function' ? wrapMergePropsFunc(mergeProps) : undefined;\n}\nfunction whenMergePropsIsOmitted(mergeProps) {\n return !mergeProps ? function () {\n return defaultMergeProps;\n } : undefined;\n}\n/* harmony default export */ __webpack_exports__[\"a\"] = ([whenMergePropsIsFunction, whenMergePropsIsOmitted]);\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))\n\n/***/ }),\n/* 799 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {/* unused harmony export impureFinalPropsSelectorFactory */\n/* unused harmony export pureFinalPropsSelectorFactory */\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = finalPropsSelectorFactory;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(134);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__verifySubselectors__ = __webpack_require__(800);\n\n\nfunction impureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch) {\n return function impureFinalPropsSelector(state, ownProps) {\n return mergeProps(mapStateToProps(state, ownProps), mapDispatchToProps(dispatch, ownProps), ownProps);\n };\n}\nfunction pureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch, _ref) {\n var areStatesEqual = _ref.areStatesEqual,\n areOwnPropsEqual = _ref.areOwnPropsEqual,\n areStatePropsEqual = _ref.areStatePropsEqual;\n var hasRunAtLeastOnce = false;\n var state;\n var ownProps;\n var stateProps;\n var dispatchProps;\n var mergedProps;\n\n function handleFirstCall(firstState, firstOwnProps) {\n state = firstState;\n ownProps = firstOwnProps;\n stateProps = mapStateToProps(state, ownProps);\n dispatchProps = mapDispatchToProps(dispatch, ownProps);\n mergedProps = mergeProps(stateProps, dispatchProps, ownProps);\n hasRunAtLeastOnce = true;\n return mergedProps;\n }\n\n function handleNewPropsAndNewState() {\n stateProps = mapStateToProps(state, ownProps);\n if (mapDispatchToProps.dependsOnOwnProps) dispatchProps = mapDispatchToProps(dispatch, ownProps);\n mergedProps = mergeProps(stateProps, dispatchProps, ownProps);\n return mergedProps;\n }\n\n function handleNewProps() {\n if (mapStateToProps.dependsOnOwnProps) stateProps = mapStateToProps(state, ownProps);\n if (mapDispatchToProps.dependsOnOwnProps) dispatchProps = mapDispatchToProps(dispatch, ownProps);\n mergedProps = mergeProps(stateProps, dispatchProps, ownProps);\n return mergedProps;\n }\n\n function handleNewState() {\n var nextStateProps = mapStateToProps(state, ownProps);\n var statePropsChanged = !areStatePropsEqual(nextStateProps, stateProps);\n stateProps = nextStateProps;\n if (statePropsChanged) mergedProps = mergeProps(stateProps, dispatchProps, ownProps);\n return mergedProps;\n }\n\n function handleSubsequentCalls(nextState, nextOwnProps) {\n var propsChanged = !areOwnPropsEqual(nextOwnProps, ownProps);\n var stateChanged = !areStatesEqual(nextState, state);\n state = nextState;\n ownProps = nextOwnProps;\n if (propsChanged && stateChanged) return handleNewPropsAndNewState();\n if (propsChanged) return handleNewProps();\n if (stateChanged) return handleNewState();\n return mergedProps;\n }\n\n return function pureFinalPropsSelector(nextState, nextOwnProps) {\n return hasRunAtLeastOnce ? handleSubsequentCalls(nextState, nextOwnProps) : handleFirstCall(nextState, nextOwnProps);\n };\n} // TODO: Add more comments\n// If pure is true, the selector returned by selectorFactory will memoize its results,\n// allowing connectAdvanced's shouldComponentUpdate to return false if final\n// props have not changed. If false, the selector will always return a new\n// object and shouldComponentUpdate will always return true.\n\nfunction finalPropsSelectorFactory(dispatch, _ref2) {\n var initMapStateToProps = _ref2.initMapStateToProps,\n initMapDispatchToProps = _ref2.initMapDispatchToProps,\n initMergeProps = _ref2.initMergeProps,\n options = Object(__WEBPACK_IMPORTED_MODULE_0__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__[\"a\" /* default */])(_ref2, [\"initMapStateToProps\", \"initMapDispatchToProps\", \"initMergeProps\"]);\n\n var mapStateToProps = initMapStateToProps(dispatch, options);\n var mapDispatchToProps = initMapDispatchToProps(dispatch, options);\n var mergeProps = initMergeProps(dispatch, options);\n\n if (process.env.NODE_ENV !== 'production') {\n Object(__WEBPACK_IMPORTED_MODULE_1__verifySubselectors__[\"a\" /* default */])(mapStateToProps, mapDispatchToProps, mergeProps, options.displayName);\n }\n\n var selectorFactory = options.pure ? pureFinalPropsSelectorFactory : impureFinalPropsSelectorFactory;\n return selectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch, options);\n}\n/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(5)))\n\n/***/ }),\n/* 800 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = verifySubselectors;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_warning__ = __webpack_require__(132);\n\n\nfunction verify(selector, methodName, displayName) {\n if (!selector) {\n throw new Error(\"Unexpected value for \" + methodName + \" in \" + displayName + \".\");\n } else if (methodName === 'mapStateToProps' || methodName === 'mapDispatchToProps') {\n if (!selector.hasOwnProperty('dependsOnOwnProps')) {\n Object(__WEBPACK_IMPORTED_MODULE_0__utils_warning__[\"a\" /* default */])(\"The selector for \" + methodName + \" of \" + displayName + \" did not specify a value for dependsOnOwnProps.\");\n }\n }\n}\n\nfunction verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, displayName) {\n verify(mapStateToProps, 'mapStateToProps', displayName);\n verify(mapDispatchToProps, 'mapDispatchToProps', displayName);\n verify(mergeProps, 'mergeProps', displayName);\n}\n\n/***/ }),\n/* 801 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nfunction _interopRequire(obj) { return obj && obj.__esModule ? obj['default'] : obj; }\n\nvar _Motion = __webpack_require__(802);\n\nexports.Motion = _interopRequire(_Motion);\n\nvar _StaggeredMotion = __webpack_require__(803);\n\nexports.StaggeredMotion = _interopRequire(_StaggeredMotion);\n\nvar _TransitionMotion = __webpack_require__(804);\n\nexports.TransitionMotion = _interopRequire(_TransitionMotion);\n\nvar _spring = __webpack_require__(806);\n\nexports.spring = _interopRequire(_spring);\n\nvar _presets = __webpack_require__(243);\n\nexports.presets = _interopRequire(_presets);\n\nvar _stripStyle = __webpack_require__(86);\n\nexports.stripStyle = _interopRequire(_stripStyle);\n\n// deprecated, dummy warning function\n\nvar _reorderKeys = __webpack_require__(807);\n\nexports.reorderKeys = _interopRequire(_reorderKeys);\n\n/***/ }),\n/* 802 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nvar _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; }; })();\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }\n\nfunction _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; }\n\nvar _mapToZero = __webpack_require__(135);\n\nvar _mapToZero2 = _interopRequireDefault(_mapToZero);\n\nvar _stripStyle = __webpack_require__(86);\n\nvar _stripStyle2 = _interopRequireDefault(_stripStyle);\n\nvar _stepper3 = __webpack_require__(136);\n\nvar _stepper4 = _interopRequireDefault(_stepper3);\n\nvar _performanceNow = __webpack_require__(137);\n\nvar _performanceNow2 = _interopRequireDefault(_performanceNow);\n\nvar _raf = __webpack_require__(21);\n\nvar _raf2 = _interopRequireDefault(_raf);\n\nvar _shouldStopAnimation = __webpack_require__(138);\n\nvar _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar msPerFrame = 1000 / 60;\n\nvar Motion = (function (_React$Component) {\n _inherits(Motion, _React$Component);\n\n _createClass(Motion, null, [{\n key: 'propTypes',\n value: {\n // TOOD: warn against putting a config in here\n defaultStyle: _propTypes2['default'].objectOf(_propTypes2['default'].number),\n style: _propTypes2['default'].objectOf(_propTypes2['default'].oneOfType([_propTypes2['default'].number, _propTypes2['default'].object])).isRequired,\n children: _propTypes2['default'].func.isRequired,\n onRest: _propTypes2['default'].func\n },\n enumerable: true\n }]);\n\n function Motion(props) {\n var _this = this;\n\n _classCallCheck(this, Motion);\n\n _React$Component.call(this, props);\n this.wasAnimating = false;\n this.animationID = null;\n this.prevTime = 0;\n this.accumulatedTime = 0;\n this.unreadPropStyle = null;\n\n this.clearUnreadPropStyle = function (destStyle) {\n var dirty = false;\n var _state = _this.state;\n var currentStyle = _state.currentStyle;\n var currentVelocity = _state.currentVelocity;\n var lastIdealStyle = _state.lastIdealStyle;\n var lastIdealVelocity = _state.lastIdealVelocity;\n\n for (var key in destStyle) {\n if (!Object.prototype.hasOwnProperty.call(destStyle, key)) {\n continue;\n }\n\n var styleValue = destStyle[key];\n if (typeof styleValue === 'number') {\n if (!dirty) {\n dirty = true;\n currentStyle = _extends({}, currentStyle);\n currentVelocity = _extends({}, currentVelocity);\n lastIdealStyle = _extends({}, lastIdealStyle);\n lastIdealVelocity = _extends({}, lastIdealVelocity);\n }\n\n currentStyle[key] = styleValue;\n currentVelocity[key] = 0;\n lastIdealStyle[key] = styleValue;\n lastIdealVelocity[key] = 0;\n }\n }\n\n if (dirty) {\n _this.setState({ currentStyle: currentStyle, currentVelocity: currentVelocity, lastIdealStyle: lastIdealStyle, lastIdealVelocity: lastIdealVelocity });\n }\n };\n\n this.startAnimationIfNecessary = function () {\n // TODO: when config is {a: 10} and dest is {a: 10} do we raf once and\n // call cb? No, otherwise accidental parent rerender causes cb trigger\n _this.animationID = _raf2['default'](function (timestamp) {\n // check if we need to animate in the first place\n var propsStyle = _this.props.style;\n if (_shouldStopAnimation2['default'](_this.state.currentStyle, propsStyle, _this.state.currentVelocity)) {\n if (_this.wasAnimating && _this.props.onRest) {\n _this.props.onRest();\n }\n\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.wasAnimating = false;\n _this.accumulatedTime = 0;\n return;\n }\n\n _this.wasAnimating = true;\n\n var currentTime = timestamp || _performanceNow2['default']();\n var timeDelta = currentTime - _this.prevTime;\n _this.prevTime = currentTime;\n _this.accumulatedTime = _this.accumulatedTime + timeDelta;\n // more than 10 frames? prolly switched browser tab. Restart\n if (_this.accumulatedTime > msPerFrame * 10) {\n _this.accumulatedTime = 0;\n }\n\n if (_this.accumulatedTime === 0) {\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.startAnimationIfNecessary();\n return;\n }\n\n var currentFrameCompletion = (_this.accumulatedTime - Math.floor(_this.accumulatedTime / msPerFrame) * msPerFrame) / msPerFrame;\n var framesToCatchUp = Math.floor(_this.accumulatedTime / msPerFrame);\n\n var newLastIdealStyle = {};\n var newLastIdealVelocity = {};\n var newCurrentStyle = {};\n var newCurrentVelocity = {};\n\n for (var key in propsStyle) {\n if (!Object.prototype.hasOwnProperty.call(propsStyle, key)) {\n continue;\n }\n\n var styleValue = propsStyle[key];\n if (typeof styleValue === 'number') {\n newCurrentStyle[key] = styleValue;\n newCurrentVelocity[key] = 0;\n newLastIdealStyle[key] = styleValue;\n newLastIdealVelocity[key] = 0;\n } else {\n var newLastIdealStyleValue = _this.state.lastIdealStyle[key];\n var newLastIdealVelocityValue = _this.state.lastIdealVelocity[key];\n for (var i = 0; i < framesToCatchUp; i++) {\n var _stepper = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n newLastIdealStyleValue = _stepper[0];\n newLastIdealVelocityValue = _stepper[1];\n }\n\n var _stepper2 = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n var nextIdealX = _stepper2[0];\n var nextIdealV = _stepper2[1];\n\n newCurrentStyle[key] = newLastIdealStyleValue + (nextIdealX - newLastIdealStyleValue) * currentFrameCompletion;\n newCurrentVelocity[key] = newLastIdealVelocityValue + (nextIdealV - newLastIdealVelocityValue) * currentFrameCompletion;\n newLastIdealStyle[key] = newLastIdealStyleValue;\n newLastIdealVelocity[key] = newLastIdealVelocityValue;\n }\n }\n\n _this.animationID = null;\n // the amount we're looped over above\n _this.accumulatedTime -= framesToCatchUp * msPerFrame;\n\n _this.setState({\n currentStyle: newCurrentStyle,\n currentVelocity: newCurrentVelocity,\n lastIdealStyle: newLastIdealStyle,\n lastIdealVelocity: newLastIdealVelocity\n });\n\n _this.unreadPropStyle = null;\n\n _this.startAnimationIfNecessary();\n });\n };\n\n this.state = this.defaultState();\n }\n\n Motion.prototype.defaultState = function defaultState() {\n var _props = this.props;\n var defaultStyle = _props.defaultStyle;\n var style = _props.style;\n\n var currentStyle = defaultStyle || _stripStyle2['default'](style);\n var currentVelocity = _mapToZero2['default'](currentStyle);\n return {\n currentStyle: currentStyle,\n currentVelocity: currentVelocity,\n lastIdealStyle: currentStyle,\n lastIdealVelocity: currentVelocity\n };\n };\n\n // it's possible that currentStyle's value is stale: if props is immediately\n // changed from 0 to 400 to spring(0) again, the async currentStyle is still\n // at 0 (didn't have time to tick and interpolate even once). If we naively\n // compare currentStyle with destVal it'll be 0 === 0 (no animation, stop).\n // In reality currentStyle should be 400\n\n Motion.prototype.componentDidMount = function componentDidMount() {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n };\n\n Motion.prototype.componentWillReceiveProps = function componentWillReceiveProps(props) {\n if (this.unreadPropStyle != null) {\n // previous props haven't had the chance to be set yet; set them here\n this.clearUnreadPropStyle(this.unreadPropStyle);\n }\n\n this.unreadPropStyle = props.style;\n if (this.animationID == null) {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n }\n };\n\n Motion.prototype.componentWillUnmount = function componentWillUnmount() {\n if (this.animationID != null) {\n _raf2['default'].cancel(this.animationID);\n this.animationID = null;\n }\n };\n\n Motion.prototype.render = function render() {\n var renderedChildren = this.props.children(this.state.currentStyle);\n return renderedChildren && _react2['default'].Children.only(renderedChildren);\n };\n\n return Motion;\n})(_react2['default'].Component);\n\nexports['default'] = Motion;\nmodule.exports = exports['default'];\n\n// after checking for unreadPropStyle != null, we manually go set the\n// non-interpolating values (those that are a number, without a spring\n// config)\n\n/***/ }),\n/* 803 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nvar _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; }; })();\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }\n\nfunction _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; }\n\nvar _mapToZero = __webpack_require__(135);\n\nvar _mapToZero2 = _interopRequireDefault(_mapToZero);\n\nvar _stripStyle = __webpack_require__(86);\n\nvar _stripStyle2 = _interopRequireDefault(_stripStyle);\n\nvar _stepper3 = __webpack_require__(136);\n\nvar _stepper4 = _interopRequireDefault(_stepper3);\n\nvar _performanceNow = __webpack_require__(137);\n\nvar _performanceNow2 = _interopRequireDefault(_performanceNow);\n\nvar _raf = __webpack_require__(21);\n\nvar _raf2 = _interopRequireDefault(_raf);\n\nvar _shouldStopAnimation = __webpack_require__(138);\n\nvar _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar msPerFrame = 1000 / 60;\n\nfunction shouldStopAnimationAll(currentStyles, styles, currentVelocities) {\n for (var i = 0; i < currentStyles.length; i++) {\n if (!_shouldStopAnimation2['default'](currentStyles[i], styles[i], currentVelocities[i])) {\n return false;\n }\n }\n return true;\n}\n\nvar StaggeredMotion = (function (_React$Component) {\n _inherits(StaggeredMotion, _React$Component);\n\n _createClass(StaggeredMotion, null, [{\n key: 'propTypes',\n value: {\n // TOOD: warn against putting a config in here\n defaultStyles: _propTypes2['default'].arrayOf(_propTypes2['default'].objectOf(_propTypes2['default'].number)),\n styles: _propTypes2['default'].func.isRequired,\n children: _propTypes2['default'].func.isRequired\n },\n enumerable: true\n }]);\n\n function StaggeredMotion(props) {\n var _this = this;\n\n _classCallCheck(this, StaggeredMotion);\n\n _React$Component.call(this, props);\n this.animationID = null;\n this.prevTime = 0;\n this.accumulatedTime = 0;\n this.unreadPropStyles = null;\n\n this.clearUnreadPropStyle = function (unreadPropStyles) {\n var _state = _this.state;\n var currentStyles = _state.currentStyles;\n var currentVelocities = _state.currentVelocities;\n var lastIdealStyles = _state.lastIdealStyles;\n var lastIdealVelocities = _state.lastIdealVelocities;\n\n var someDirty = false;\n for (var i = 0; i < unreadPropStyles.length; i++) {\n var unreadPropStyle = unreadPropStyles[i];\n var dirty = false;\n\n for (var key in unreadPropStyle) {\n if (!Object.prototype.hasOwnProperty.call(unreadPropStyle, key)) {\n continue;\n }\n\n var styleValue = unreadPropStyle[key];\n if (typeof styleValue === 'number') {\n if (!dirty) {\n dirty = true;\n someDirty = true;\n currentStyles[i] = _extends({}, currentStyles[i]);\n currentVelocities[i] = _extends({}, currentVelocities[i]);\n lastIdealStyles[i] = _extends({}, lastIdealStyles[i]);\n lastIdealVelocities[i] = _extends({}, lastIdealVelocities[i]);\n }\n currentStyles[i][key] = styleValue;\n currentVelocities[i][key] = 0;\n lastIdealStyles[i][key] = styleValue;\n lastIdealVelocities[i][key] = 0;\n }\n }\n }\n\n if (someDirty) {\n _this.setState({ currentStyles: currentStyles, currentVelocities: currentVelocities, lastIdealStyles: lastIdealStyles, lastIdealVelocities: lastIdealVelocities });\n }\n };\n\n this.startAnimationIfNecessary = function () {\n // TODO: when config is {a: 10} and dest is {a: 10} do we raf once and\n // call cb? No, otherwise accidental parent rerender causes cb trigger\n _this.animationID = _raf2['default'](function (timestamp) {\n var destStyles = _this.props.styles(_this.state.lastIdealStyles);\n\n // check if we need to animate in the first place\n if (shouldStopAnimationAll(_this.state.currentStyles, destStyles, _this.state.currentVelocities)) {\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.accumulatedTime = 0;\n return;\n }\n\n var currentTime = timestamp || _performanceNow2['default']();\n var timeDelta = currentTime - _this.prevTime;\n _this.prevTime = currentTime;\n _this.accumulatedTime = _this.accumulatedTime + timeDelta;\n // more than 10 frames? prolly switched browser tab. Restart\n if (_this.accumulatedTime > msPerFrame * 10) {\n _this.accumulatedTime = 0;\n }\n\n if (_this.accumulatedTime === 0) {\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.startAnimationIfNecessary();\n return;\n }\n\n var currentFrameCompletion = (_this.accumulatedTime - Math.floor(_this.accumulatedTime / msPerFrame) * msPerFrame) / msPerFrame;\n var framesToCatchUp = Math.floor(_this.accumulatedTime / msPerFrame);\n\n var newLastIdealStyles = [];\n var newLastIdealVelocities = [];\n var newCurrentStyles = [];\n var newCurrentVelocities = [];\n\n for (var i = 0; i < destStyles.length; i++) {\n var destStyle = destStyles[i];\n var newCurrentStyle = {};\n var newCurrentVelocity = {};\n var newLastIdealStyle = {};\n var newLastIdealVelocity = {};\n\n for (var key in destStyle) {\n if (!Object.prototype.hasOwnProperty.call(destStyle, key)) {\n continue;\n }\n\n var styleValue = destStyle[key];\n if (typeof styleValue === 'number') {\n newCurrentStyle[key] = styleValue;\n newCurrentVelocity[key] = 0;\n newLastIdealStyle[key] = styleValue;\n newLastIdealVelocity[key] = 0;\n } else {\n var newLastIdealStyleValue = _this.state.lastIdealStyles[i][key];\n var newLastIdealVelocityValue = _this.state.lastIdealVelocities[i][key];\n for (var j = 0; j < framesToCatchUp; j++) {\n var _stepper = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n newLastIdealStyleValue = _stepper[0];\n newLastIdealVelocityValue = _stepper[1];\n }\n\n var _stepper2 = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n var nextIdealX = _stepper2[0];\n var nextIdealV = _stepper2[1];\n\n newCurrentStyle[key] = newLastIdealStyleValue + (nextIdealX - newLastIdealStyleValue) * currentFrameCompletion;\n newCurrentVelocity[key] = newLastIdealVelocityValue + (nextIdealV - newLastIdealVelocityValue) * currentFrameCompletion;\n newLastIdealStyle[key] = newLastIdealStyleValue;\n newLastIdealVelocity[key] = newLastIdealVelocityValue;\n }\n }\n\n newCurrentStyles[i] = newCurrentStyle;\n newCurrentVelocities[i] = newCurrentVelocity;\n newLastIdealStyles[i] = newLastIdealStyle;\n newLastIdealVelocities[i] = newLastIdealVelocity;\n }\n\n _this.animationID = null;\n // the amount we're looped over above\n _this.accumulatedTime -= framesToCatchUp * msPerFrame;\n\n _this.setState({\n currentStyles: newCurrentStyles,\n currentVelocities: newCurrentVelocities,\n lastIdealStyles: newLastIdealStyles,\n lastIdealVelocities: newLastIdealVelocities\n });\n\n _this.unreadPropStyles = null;\n\n _this.startAnimationIfNecessary();\n });\n };\n\n this.state = this.defaultState();\n }\n\n StaggeredMotion.prototype.defaultState = function defaultState() {\n var _props = this.props;\n var defaultStyles = _props.defaultStyles;\n var styles = _props.styles;\n\n var currentStyles = defaultStyles || styles().map(_stripStyle2['default']);\n var currentVelocities = currentStyles.map(function (currentStyle) {\n return _mapToZero2['default'](currentStyle);\n });\n return {\n currentStyles: currentStyles,\n currentVelocities: currentVelocities,\n lastIdealStyles: currentStyles,\n lastIdealVelocities: currentVelocities\n };\n };\n\n StaggeredMotion.prototype.componentDidMount = function componentDidMount() {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n };\n\n StaggeredMotion.prototype.componentWillReceiveProps = function componentWillReceiveProps(props) {\n if (this.unreadPropStyles != null) {\n // previous props haven't had the chance to be set yet; set them here\n this.clearUnreadPropStyle(this.unreadPropStyles);\n }\n\n this.unreadPropStyles = props.styles(this.state.lastIdealStyles);\n if (this.animationID == null) {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n }\n };\n\n StaggeredMotion.prototype.componentWillUnmount = function componentWillUnmount() {\n if (this.animationID != null) {\n _raf2['default'].cancel(this.animationID);\n this.animationID = null;\n }\n };\n\n StaggeredMotion.prototype.render = function render() {\n var renderedChildren = this.props.children(this.state.currentStyles);\n return renderedChildren && _react2['default'].Children.only(renderedChildren);\n };\n\n return StaggeredMotion;\n})(_react2['default'].Component);\n\nexports['default'] = StaggeredMotion;\nmodule.exports = exports['default'];\n\n// it's possible that currentStyle's value is stale: if props is immediately\n// changed from 0 to 400 to spring(0) again, the async currentStyle is still\n// at 0 (didn't have time to tick and interpolate even once). If we naively\n// compare currentStyle with destVal it'll be 0 === 0 (no animation, stop).\n// In reality currentStyle should be 400\n\n// after checking for unreadPropStyles != null, we manually go set the\n// non-interpolating values (those that are a number, without a spring\n// config)\n\n/***/ }),\n/* 804 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nvar _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; }; })();\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }\n\nfunction _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; }\n\nvar _mapToZero = __webpack_require__(135);\n\nvar _mapToZero2 = _interopRequireDefault(_mapToZero);\n\nvar _stripStyle = __webpack_require__(86);\n\nvar _stripStyle2 = _interopRequireDefault(_stripStyle);\n\nvar _stepper3 = __webpack_require__(136);\n\nvar _stepper4 = _interopRequireDefault(_stepper3);\n\nvar _mergeDiff = __webpack_require__(805);\n\nvar _mergeDiff2 = _interopRequireDefault(_mergeDiff);\n\nvar _performanceNow = __webpack_require__(137);\n\nvar _performanceNow2 = _interopRequireDefault(_performanceNow);\n\nvar _raf = __webpack_require__(21);\n\nvar _raf2 = _interopRequireDefault(_raf);\n\nvar _shouldStopAnimation = __webpack_require__(138);\n\nvar _shouldStopAnimation2 = _interopRequireDefault(_shouldStopAnimation);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar msPerFrame = 1000 / 60;\n\n// the children function & (potential) styles function asks as param an\n// Array, where each TransitionPlainStyle is of the format\n// {key: string, data?: any, style: PlainStyle}. However, the way we keep\n// internal states doesn't contain such a data structure (check the state and\n// TransitionMotionState). So when children function and others ask for such\n// data we need to generate them on the fly by combining mergedPropsStyles and\n// currentStyles/lastIdealStyles\nfunction rehydrateStyles(mergedPropsStyles, unreadPropStyles, plainStyles) {\n // Copy the value to a `const` so that Flow understands that the const won't\n // change and will be non-nullable in the callback below.\n var cUnreadPropStyles = unreadPropStyles;\n if (cUnreadPropStyles == null) {\n return mergedPropsStyles.map(function (mergedPropsStyle, i) {\n return {\n key: mergedPropsStyle.key,\n data: mergedPropsStyle.data,\n style: plainStyles[i]\n };\n });\n }\n return mergedPropsStyles.map(function (mergedPropsStyle, i) {\n for (var j = 0; j < cUnreadPropStyles.length; j++) {\n if (cUnreadPropStyles[j].key === mergedPropsStyle.key) {\n return {\n key: cUnreadPropStyles[j].key,\n data: cUnreadPropStyles[j].data,\n style: plainStyles[i]\n };\n }\n }\n return { key: mergedPropsStyle.key, data: mergedPropsStyle.data, style: plainStyles[i] };\n });\n}\n\nfunction shouldStopAnimationAll(currentStyles, destStyles, currentVelocities, mergedPropsStyles) {\n if (mergedPropsStyles.length !== destStyles.length) {\n return false;\n }\n\n for (var i = 0; i < mergedPropsStyles.length; i++) {\n if (mergedPropsStyles[i].key !== destStyles[i].key) {\n return false;\n }\n }\n\n // we have the invariant that mergedPropsStyles and\n // currentStyles/currentVelocities/last* are synced in terms of cells, see\n // mergeAndSync comment for more info\n for (var i = 0; i < mergedPropsStyles.length; i++) {\n if (!_shouldStopAnimation2['default'](currentStyles[i], destStyles[i].style, currentVelocities[i])) {\n return false;\n }\n }\n\n return true;\n}\n\n// core key merging logic\n\n// things to do: say previously merged style is {a, b}, dest style (prop) is {b,\n// c}, previous current (interpolating) style is {a, b}\n// **invariant**: current[i] corresponds to merged[i] in terms of key\n\n// steps:\n// turn merged style into {a?, b, c}\n// add c, value of c is destStyles.c\n// maybe remove a, aka call willLeave(a), then merged is either {b, c} or {a, b, c}\n// turn current (interpolating) style from {a, b} into {a?, b, c}\n// maybe remove a\n// certainly add c, value of c is willEnter(c)\n// loop over merged and construct new current\n// dest doesn't change, that's owner's\nfunction mergeAndSync(willEnter, willLeave, didLeave, oldMergedPropsStyles, destStyles, oldCurrentStyles, oldCurrentVelocities, oldLastIdealStyles, oldLastIdealVelocities) {\n var newMergedPropsStyles = _mergeDiff2['default'](oldMergedPropsStyles, destStyles, function (oldIndex, oldMergedPropsStyle) {\n var leavingStyle = willLeave(oldMergedPropsStyle);\n if (leavingStyle == null) {\n didLeave({ key: oldMergedPropsStyle.key, data: oldMergedPropsStyle.data });\n return null;\n }\n if (_shouldStopAnimation2['default'](oldCurrentStyles[oldIndex], leavingStyle, oldCurrentVelocities[oldIndex])) {\n didLeave({ key: oldMergedPropsStyle.key, data: oldMergedPropsStyle.data });\n return null;\n }\n return { key: oldMergedPropsStyle.key, data: oldMergedPropsStyle.data, style: leavingStyle };\n });\n\n var newCurrentStyles = [];\n var newCurrentVelocities = [];\n var newLastIdealStyles = [];\n var newLastIdealVelocities = [];\n for (var i = 0; i < newMergedPropsStyles.length; i++) {\n var newMergedPropsStyleCell = newMergedPropsStyles[i];\n var foundOldIndex = null;\n for (var j = 0; j < oldMergedPropsStyles.length; j++) {\n if (oldMergedPropsStyles[j].key === newMergedPropsStyleCell.key) {\n foundOldIndex = j;\n break;\n }\n }\n // TODO: key search code\n if (foundOldIndex == null) {\n var plainStyle = willEnter(newMergedPropsStyleCell);\n newCurrentStyles[i] = plainStyle;\n newLastIdealStyles[i] = plainStyle;\n\n var velocity = _mapToZero2['default'](newMergedPropsStyleCell.style);\n newCurrentVelocities[i] = velocity;\n newLastIdealVelocities[i] = velocity;\n } else {\n newCurrentStyles[i] = oldCurrentStyles[foundOldIndex];\n newLastIdealStyles[i] = oldLastIdealStyles[foundOldIndex];\n newCurrentVelocities[i] = oldCurrentVelocities[foundOldIndex];\n newLastIdealVelocities[i] = oldLastIdealVelocities[foundOldIndex];\n }\n }\n\n return [newMergedPropsStyles, newCurrentStyles, newCurrentVelocities, newLastIdealStyles, newLastIdealVelocities];\n}\n\nvar TransitionMotion = (function (_React$Component) {\n _inherits(TransitionMotion, _React$Component);\n\n _createClass(TransitionMotion, null, [{\n key: 'propTypes',\n value: {\n defaultStyles: _propTypes2['default'].arrayOf(_propTypes2['default'].shape({\n key: _propTypes2['default'].string.isRequired,\n data: _propTypes2['default'].any,\n style: _propTypes2['default'].objectOf(_propTypes2['default'].number).isRequired\n })),\n styles: _propTypes2['default'].oneOfType([_propTypes2['default'].func, _propTypes2['default'].arrayOf(_propTypes2['default'].shape({\n key: _propTypes2['default'].string.isRequired,\n data: _propTypes2['default'].any,\n style: _propTypes2['default'].objectOf(_propTypes2['default'].oneOfType([_propTypes2['default'].number, _propTypes2['default'].object])).isRequired\n }))]).isRequired,\n children: _propTypes2['default'].func.isRequired,\n willEnter: _propTypes2['default'].func,\n willLeave: _propTypes2['default'].func,\n didLeave: _propTypes2['default'].func\n },\n enumerable: true\n }, {\n key: 'defaultProps',\n value: {\n willEnter: function willEnter(styleThatEntered) {\n return _stripStyle2['default'](styleThatEntered.style);\n },\n // recall: returning null makes the current unmounting TransitionStyle\n // disappear immediately\n willLeave: function willLeave() {\n return null;\n },\n didLeave: function didLeave() {}\n },\n enumerable: true\n }]);\n\n function TransitionMotion(props) {\n var _this = this;\n\n _classCallCheck(this, TransitionMotion);\n\n _React$Component.call(this, props);\n this.unmounting = false;\n this.animationID = null;\n this.prevTime = 0;\n this.accumulatedTime = 0;\n this.unreadPropStyles = null;\n\n this.clearUnreadPropStyle = function (unreadPropStyles) {\n var _mergeAndSync = mergeAndSync(_this.props.willEnter, _this.props.willLeave, _this.props.didLeave, _this.state.mergedPropsStyles, unreadPropStyles, _this.state.currentStyles, _this.state.currentVelocities, _this.state.lastIdealStyles, _this.state.lastIdealVelocities);\n\n var mergedPropsStyles = _mergeAndSync[0];\n var currentStyles = _mergeAndSync[1];\n var currentVelocities = _mergeAndSync[2];\n var lastIdealStyles = _mergeAndSync[3];\n var lastIdealVelocities = _mergeAndSync[4];\n\n for (var i = 0; i < unreadPropStyles.length; i++) {\n var unreadPropStyle = unreadPropStyles[i].style;\n var dirty = false;\n\n for (var key in unreadPropStyle) {\n if (!Object.prototype.hasOwnProperty.call(unreadPropStyle, key)) {\n continue;\n }\n\n var styleValue = unreadPropStyle[key];\n if (typeof styleValue === 'number') {\n if (!dirty) {\n dirty = true;\n currentStyles[i] = _extends({}, currentStyles[i]);\n currentVelocities[i] = _extends({}, currentVelocities[i]);\n lastIdealStyles[i] = _extends({}, lastIdealStyles[i]);\n lastIdealVelocities[i] = _extends({}, lastIdealVelocities[i]);\n mergedPropsStyles[i] = {\n key: mergedPropsStyles[i].key,\n data: mergedPropsStyles[i].data,\n style: _extends({}, mergedPropsStyles[i].style)\n };\n }\n currentStyles[i][key] = styleValue;\n currentVelocities[i][key] = 0;\n lastIdealStyles[i][key] = styleValue;\n lastIdealVelocities[i][key] = 0;\n mergedPropsStyles[i].style[key] = styleValue;\n }\n }\n }\n\n // unlike the other 2 components, we can't detect staleness and optionally\n // opt out of setState here. each style object's data might contain new\n // stuff we're not/cannot compare\n _this.setState({\n currentStyles: currentStyles,\n currentVelocities: currentVelocities,\n mergedPropsStyles: mergedPropsStyles,\n lastIdealStyles: lastIdealStyles,\n lastIdealVelocities: lastIdealVelocities\n });\n };\n\n this.startAnimationIfNecessary = function () {\n if (_this.unmounting) {\n return;\n }\n\n // TODO: when config is {a: 10} and dest is {a: 10} do we raf once and\n // call cb? No, otherwise accidental parent rerender causes cb trigger\n _this.animationID = _raf2['default'](function (timestamp) {\n // https://github.com/chenglou/react-motion/pull/420\n // > if execution passes the conditional if (this.unmounting), then\n // executes async defaultRaf and after that component unmounts and after\n // that the callback of defaultRaf is called, then setState will be called\n // on unmounted component.\n if (_this.unmounting) {\n return;\n }\n\n var propStyles = _this.props.styles;\n var destStyles = typeof propStyles === 'function' ? propStyles(rehydrateStyles(_this.state.mergedPropsStyles, _this.unreadPropStyles, _this.state.lastIdealStyles)) : propStyles;\n\n // check if we need to animate in the first place\n if (shouldStopAnimationAll(_this.state.currentStyles, destStyles, _this.state.currentVelocities, _this.state.mergedPropsStyles)) {\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.accumulatedTime = 0;\n return;\n }\n\n var currentTime = timestamp || _performanceNow2['default']();\n var timeDelta = currentTime - _this.prevTime;\n _this.prevTime = currentTime;\n _this.accumulatedTime = _this.accumulatedTime + timeDelta;\n // more than 10 frames? prolly switched browser tab. Restart\n if (_this.accumulatedTime > msPerFrame * 10) {\n _this.accumulatedTime = 0;\n }\n\n if (_this.accumulatedTime === 0) {\n // no need to cancel animationID here; shouldn't have any in flight\n _this.animationID = null;\n _this.startAnimationIfNecessary();\n return;\n }\n\n var currentFrameCompletion = (_this.accumulatedTime - Math.floor(_this.accumulatedTime / msPerFrame) * msPerFrame) / msPerFrame;\n var framesToCatchUp = Math.floor(_this.accumulatedTime / msPerFrame);\n\n var _mergeAndSync2 = mergeAndSync(_this.props.willEnter, _this.props.willLeave, _this.props.didLeave, _this.state.mergedPropsStyles, destStyles, _this.state.currentStyles, _this.state.currentVelocities, _this.state.lastIdealStyles, _this.state.lastIdealVelocities);\n\n var newMergedPropsStyles = _mergeAndSync2[0];\n var newCurrentStyles = _mergeAndSync2[1];\n var newCurrentVelocities = _mergeAndSync2[2];\n var newLastIdealStyles = _mergeAndSync2[3];\n var newLastIdealVelocities = _mergeAndSync2[4];\n\n for (var i = 0; i < newMergedPropsStyles.length; i++) {\n var newMergedPropsStyle = newMergedPropsStyles[i].style;\n var newCurrentStyle = {};\n var newCurrentVelocity = {};\n var newLastIdealStyle = {};\n var newLastIdealVelocity = {};\n\n for (var key in newMergedPropsStyle) {\n if (!Object.prototype.hasOwnProperty.call(newMergedPropsStyle, key)) {\n continue;\n }\n\n var styleValue = newMergedPropsStyle[key];\n if (typeof styleValue === 'number') {\n newCurrentStyle[key] = styleValue;\n newCurrentVelocity[key] = 0;\n newLastIdealStyle[key] = styleValue;\n newLastIdealVelocity[key] = 0;\n } else {\n var newLastIdealStyleValue = newLastIdealStyles[i][key];\n var newLastIdealVelocityValue = newLastIdealVelocities[i][key];\n for (var j = 0; j < framesToCatchUp; j++) {\n var _stepper = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n newLastIdealStyleValue = _stepper[0];\n newLastIdealVelocityValue = _stepper[1];\n }\n\n var _stepper2 = _stepper4['default'](msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.stiffness, styleValue.damping, styleValue.precision);\n\n var nextIdealX = _stepper2[0];\n var nextIdealV = _stepper2[1];\n\n newCurrentStyle[key] = newLastIdealStyleValue + (nextIdealX - newLastIdealStyleValue) * currentFrameCompletion;\n newCurrentVelocity[key] = newLastIdealVelocityValue + (nextIdealV - newLastIdealVelocityValue) * currentFrameCompletion;\n newLastIdealStyle[key] = newLastIdealStyleValue;\n newLastIdealVelocity[key] = newLastIdealVelocityValue;\n }\n }\n\n newLastIdealStyles[i] = newLastIdealStyle;\n newLastIdealVelocities[i] = newLastIdealVelocity;\n newCurrentStyles[i] = newCurrentStyle;\n newCurrentVelocities[i] = newCurrentVelocity;\n }\n\n _this.animationID = null;\n // the amount we're looped over above\n _this.accumulatedTime -= framesToCatchUp * msPerFrame;\n\n _this.setState({\n currentStyles: newCurrentStyles,\n currentVelocities: newCurrentVelocities,\n lastIdealStyles: newLastIdealStyles,\n lastIdealVelocities: newLastIdealVelocities,\n mergedPropsStyles: newMergedPropsStyles\n });\n\n _this.unreadPropStyles = null;\n\n _this.startAnimationIfNecessary();\n });\n };\n\n this.state = this.defaultState();\n }\n\n TransitionMotion.prototype.defaultState = function defaultState() {\n var _props = this.props;\n var defaultStyles = _props.defaultStyles;\n var styles = _props.styles;\n var willEnter = _props.willEnter;\n var willLeave = _props.willLeave;\n var didLeave = _props.didLeave;\n\n var destStyles = typeof styles === 'function' ? styles(defaultStyles) : styles;\n\n // this is special. for the first time around, we don't have a comparison\n // between last (no last) and current merged props. we'll compute last so:\n // say default is {a, b} and styles (dest style) is {b, c}, we'll\n // fabricate last as {a, b}\n var oldMergedPropsStyles = undefined;\n if (defaultStyles == null) {\n oldMergedPropsStyles = destStyles;\n } else {\n oldMergedPropsStyles = defaultStyles.map(function (defaultStyleCell) {\n // TODO: key search code\n for (var i = 0; i < destStyles.length; i++) {\n if (destStyles[i].key === defaultStyleCell.key) {\n return destStyles[i];\n }\n }\n return defaultStyleCell;\n });\n }\n var oldCurrentStyles = defaultStyles == null ? destStyles.map(function (s) {\n return _stripStyle2['default'](s.style);\n }) : defaultStyles.map(function (s) {\n return _stripStyle2['default'](s.style);\n });\n var oldCurrentVelocities = defaultStyles == null ? destStyles.map(function (s) {\n return _mapToZero2['default'](s.style);\n }) : defaultStyles.map(function (s) {\n return _mapToZero2['default'](s.style);\n });\n\n var _mergeAndSync3 = mergeAndSync(\n // Because this is an old-style createReactClass component, Flow doesn't\n // understand that the willEnter and willLeave props have default values\n // and will always be present.\n willEnter, willLeave, didLeave, oldMergedPropsStyles, destStyles, oldCurrentStyles, oldCurrentVelocities, oldCurrentStyles, // oldLastIdealStyles really\n oldCurrentVelocities);\n\n var mergedPropsStyles = _mergeAndSync3[0];\n var currentStyles = _mergeAndSync3[1];\n var currentVelocities = _mergeAndSync3[2];\n var lastIdealStyles = _mergeAndSync3[3];\n var lastIdealVelocities = _mergeAndSync3[4];\n // oldLastIdealVelocities really\n\n return {\n currentStyles: currentStyles,\n currentVelocities: currentVelocities,\n lastIdealStyles: lastIdealStyles,\n lastIdealVelocities: lastIdealVelocities,\n mergedPropsStyles: mergedPropsStyles\n };\n };\n\n // after checking for unreadPropStyles != null, we manually go set the\n // non-interpolating values (those that are a number, without a spring\n // config)\n\n TransitionMotion.prototype.componentDidMount = function componentDidMount() {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n };\n\n TransitionMotion.prototype.componentWillReceiveProps = function componentWillReceiveProps(props) {\n if (this.unreadPropStyles) {\n // previous props haven't had the chance to be set yet; set them here\n this.clearUnreadPropStyle(this.unreadPropStyles);\n }\n\n var styles = props.styles;\n if (typeof styles === 'function') {\n this.unreadPropStyles = styles(rehydrateStyles(this.state.mergedPropsStyles, this.unreadPropStyles, this.state.lastIdealStyles));\n } else {\n this.unreadPropStyles = styles;\n }\n\n if (this.animationID == null) {\n this.prevTime = _performanceNow2['default']();\n this.startAnimationIfNecessary();\n }\n };\n\n TransitionMotion.prototype.componentWillUnmount = function componentWillUnmount() {\n this.unmounting = true;\n if (this.animationID != null) {\n _raf2['default'].cancel(this.animationID);\n this.animationID = null;\n }\n };\n\n TransitionMotion.prototype.render = function render() {\n var hydratedStyles = rehydrateStyles(this.state.mergedPropsStyles, this.unreadPropStyles, this.state.currentStyles);\n var renderedChildren = this.props.children(hydratedStyles);\n return renderedChildren && _react2['default'].Children.only(renderedChildren);\n };\n\n return TransitionMotion;\n})(_react2['default'].Component);\n\nexports['default'] = TransitionMotion;\nmodule.exports = exports['default'];\n\n// list of styles, each containing interpolating values. Part of what's passed\n// to children function. Notice that this is\n// Array, without the wrapper that is {key: ...,\n// data: ... style: ActualInterpolatingStyleObject}. Only mergedPropsStyles\n// contains the key & data info (so that we only have a single source of truth\n// for these, and to save space). Check the comment for `rehydrateStyles` to\n// see how we regenerate the entirety of what's passed to children function\n\n// the array that keeps track of currently rendered stuff! Including stuff\n// that you've unmounted but that's still animating. This is where it lives\n\n// it's possible that currentStyle's value is stale: if props is immediately\n// changed from 0 to 400 to spring(0) again, the async currentStyle is still\n// at 0 (didn't have time to tick and interpolate even once). If we naively\n// compare currentStyle with destVal it'll be 0 === 0 (no animation, stop).\n// In reality currentStyle should be 400\n\n/***/ }),\n/* 805 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n// core keys merging algorithm. If previous render's keys are [a, b], and the\n// next render's [c, b, d], what's the final merged keys and ordering?\n\n// - c and a must both be before b\n// - b before d\n// - ordering between a and c ambiguous\n\n// this reduces to merging two partially ordered lists (e.g. lists where not\n// every item has a definite ordering, like comparing a and c above). For the\n// ambiguous ordering we deterministically choose to place the next render's\n// item after the previous'; so c after a\n\n// this is called a topological sorting. Except the existing algorithms don't\n// work well with js bc of the amount of allocation, and isn't optimized for our\n// current use-case bc the runtime is linear in terms of edges (see wiki for\n// meaning), which is huge when two lists have many common elements\n\n\nexports.__esModule = true;\nexports['default'] = mergeDiff;\n\nfunction mergeDiff(prev, next, onRemove) {\n // bookkeeping for easier access of a key's index below. This is 2 allocations +\n // potentially triggering chrome hash map mode for objs (so it might be faster\n\n var prevKeyIndex = {};\n for (var i = 0; i < prev.length; i++) {\n prevKeyIndex[prev[i].key] = i;\n }\n var nextKeyIndex = {};\n for (var i = 0; i < next.length; i++) {\n nextKeyIndex[next[i].key] = i;\n }\n\n // first, an overly elaborate way of merging prev and next, eliminating\n // duplicates (in terms of keys). If there's dupe, keep the item in next).\n // This way of writing it saves allocations\n var ret = [];\n for (var i = 0; i < next.length; i++) {\n ret[i] = next[i];\n }\n for (var i = 0; i < prev.length; i++) {\n if (!Object.prototype.hasOwnProperty.call(nextKeyIndex, prev[i].key)) {\n // this is called my TM's `mergeAndSync`, which calls willLeave. We don't\n // merge in keys that the user desires to kill\n var fill = onRemove(i, prev[i]);\n if (fill != null) {\n ret.push(fill);\n }\n }\n }\n\n // now all the items all present. Core sorting logic to have the right order\n return ret.sort(function (a, b) {\n var nextOrderA = nextKeyIndex[a.key];\n var nextOrderB = nextKeyIndex[b.key];\n var prevOrderA = prevKeyIndex[a.key];\n var prevOrderB = prevKeyIndex[b.key];\n\n if (nextOrderA != null && nextOrderB != null) {\n // both keys in next\n return nextKeyIndex[a.key] - nextKeyIndex[b.key];\n } else if (prevOrderA != null && prevOrderB != null) {\n // both keys in prev\n return prevKeyIndex[a.key] - prevKeyIndex[b.key];\n } else if (nextOrderA != null) {\n // key a in next, key b in prev\n\n // how to determine the order between a and b? We find a \"pivot\" (term\n // abuse), a key present in both prev and next, that is sandwiched between\n // a and b. In the context of our above example, if we're comparing a and\n // d, b's (the only) pivot\n for (var i = 0; i < next.length; i++) {\n var pivot = next[i].key;\n if (!Object.prototype.hasOwnProperty.call(prevKeyIndex, pivot)) {\n continue;\n }\n\n if (nextOrderA < nextKeyIndex[pivot] && prevOrderB > prevKeyIndex[pivot]) {\n return -1;\n } else if (nextOrderA > nextKeyIndex[pivot] && prevOrderB < prevKeyIndex[pivot]) {\n return 1;\n }\n }\n // pluggable. default to: next bigger than prev\n return 1;\n }\n // prevOrderA, nextOrderB\n for (var i = 0; i < next.length; i++) {\n var pivot = next[i].key;\n if (!Object.prototype.hasOwnProperty.call(prevKeyIndex, pivot)) {\n continue;\n }\n if (nextOrderB < nextKeyIndex[pivot] && prevOrderA > prevKeyIndex[pivot]) {\n return 1;\n } else if (nextOrderB > nextKeyIndex[pivot] && prevOrderA < prevKeyIndex[pivot]) {\n return -1;\n }\n }\n // pluggable. default to: next bigger than prev\n return -1;\n });\n}\n\nmodule.exports = exports['default'];\n// to loop through and find a key's index each time), but I no longer care\n\n/***/ }),\n/* 806 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nexports['default'] = spring;\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }\n\nvar _presets = __webpack_require__(243);\n\nvar _presets2 = _interopRequireDefault(_presets);\n\nvar defaultConfig = _extends({}, _presets2['default'].noWobble, {\n precision: 0.01\n});\n\nfunction spring(val, config) {\n return _extends({}, defaultConfig, config, { val: val });\n}\n\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 807 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {\n\nexports.__esModule = true;\nexports['default'] = reorderKeys;\n\nvar hasWarned = false;\n\nfunction reorderKeys() {\n if (process.env.NODE_ENV === 'development') {\n if (!hasWarned) {\n hasWarned = true;\n console.error('`reorderKeys` has been removed, since it is no longer needed for TransitionMotion\\'s new styles array API.');\n }\n }\n}\n\nmodule.exports = exports['default'];\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 808 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactBeautifulDnd = __webpack_require__(68);\n\nvar _util = __webpack_require__(245);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _lodash = __webpack_require__(39);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar reorder = function reorder(list, startIndex, endIndex) {\n var result = Array.from(list);\n\n var _result$splice = result.splice(startIndex, 1),\n _result$splice2 = _slicedToArray(_result$splice, 1),\n removed = _result$splice2[0];\n\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\nvar Vertical = function (_Component) {\n _inherits(Vertical, _Component);\n\n function Vertical(props) {\n _classCallCheck(this, Vertical);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.onDragEnd = function (result) {\n if (!result.destination) {\n return;\n }\n var items = reorder(_this.state.items, result.source.index, result.destination.index);\n\n _this.setState({\n items: items\n });\n _this.props.onStop(result, items);\n };\n\n _this.onDragStart = function (result) {\n _this.props.onStart(result, _this.state.items);\n };\n\n _this.state = {\n items: _this.props.list || []\n };\n return _this;\n }\n\n Vertical.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (!(0, _lodash2[\"default\"])(this.state.items, nextProps.list)) {\n this.setState({\n items: nextProps.list\n });\n }\n };\n\n Vertical.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n onStart = _props.onStart,\n onDrag = _props.onDrag,\n onStop = _props.onStop,\n onDragUpdate = _props.onDragUpdate,\n dropClass = _props.dropClass,\n dropOverClass = _props.dropOverClass,\n dragClass = _props.dragClass,\n dragingClass = _props.dragingClass,\n showKey = _props.showKey,\n type = _props.type;\n\n\n return _react2[\"default\"].createElement(\n _reactBeautifulDnd.DragDropContext,\n { onDragEnd: this.onDragEnd, onDragStart: this.onDragStart, onDragUpdate: onDragUpdate },\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.Droppable,\n { droppableId: 'droppable', direction: type },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n {\n ref: provided.innerRef,\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDraggingOver).drop))\n },\n _this2.state.items.map(function (item, index) {\n return _react2[\"default\"].createElement(\n _reactBeautifulDnd.Draggable,\n { key: index, draggableId: '' + index, index: index },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n _extends({\n ref: provided.innerRef\n }, provided.draggableProps, provided.dragHandleProps, {\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDragging).drag)),\n style: _extends({}, provided.draggableProps.style)\n }),\n showKey ? item[showKey] : item\n );\n }\n );\n }),\n provided.placeholder\n );\n }\n )\n );\n };\n\n return Vertical;\n}(_react.Component);\n\nexports[\"default\"] = Vertical;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 809 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _reactBeautifulDnd = __webpack_require__(68);\n\nvar _util = __webpack_require__(245);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _lodash = __webpack_require__(39);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar reorder = function reorder(list, startIndex, endIndex) {\n var result = Array.from(list);\n\n var _result$splice = result.splice(startIndex, 1),\n _result$splice2 = _slicedToArray(_result$splice, 1),\n removed = _result$splice2[0];\n\n result.splice(endIndex, 0, removed);\n\n return result;\n};\n\n/**\n * Moves an item from one list to another list.\n */\nvar move = function move(source, destination, droppableSource, droppableDestination) {\n var sourceClone = Array.from(source);\n var destClone = Array.from(destination);\n\n var _sourceClone$splice = sourceClone.splice(droppableSource.index, 1),\n _sourceClone$splice2 = _slicedToArray(_sourceClone$splice, 1),\n removed = _sourceClone$splice2[0];\n\n destClone.splice(droppableDestination.index, 0, removed);\n\n var result = {};\n result[droppableSource.droppableId] = sourceClone;\n result[droppableDestination.droppableId] = destClone;\n\n return result;\n};\n\nvar Between = function (_Component) {\n _inherits(Between, _Component);\n\n function Between(props) {\n _classCallCheck(this, Between);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.id2List = {\n droppable: 'items',\n droppable2: 'selected'\n };\n\n _this.getList = function (id) {\n return _this.state[_this.id2List[id]];\n };\n\n _this.onDragEnd = function (result) {\n console.log(result);\n var source = result.source,\n destination = result.destination;\n\n // dropped outside the list\n\n if (!destination) {\n return;\n }\n var list = _this.state.items;\n var otherList = _this.state.selected;\n\n if (source.droppableId === destination.droppableId) {\n var items = reorder(_this.getList(source.droppableId), source.index, destination.index);\n\n var state = { items: items };\n list = items;\n\n if (source.droppableId === 'droppable2') {\n state = { selected: items };\n otherList = items;\n list = _this.state.items;\n }\n _this.setState(state);\n } else {\n var _result = move(_this.getList(source.droppableId), _this.getList(destination.droppableId), source, destination);\n\n _this.setState({\n items: _result.droppable,\n selected: _result.droppable2\n });\n list = _result.droppable;\n otherList = _result.droppable2;\n }\n _this.props.onStop(result, {\n list: list,\n otherList: otherList\n });\n };\n\n _this.onDragStart = function (result) {\n _this.props.onStart(result, {\n list: _this.state.list,\n otherList: _this.state.selected\n });\n };\n\n _this.state = {\n items: _this.props.list,\n selected: _this.props.otherList\n };\n return _this;\n }\n\n Between.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (!(0, _lodash2[\"default\"])(this.state.items, nextProps.list)) {\n this.setState({\n items: nextProps.list\n });\n }\n if (!(0, _lodash2[\"default\"])(this.state.selected, nextProps.otherList)) {\n this.setState({\n selected: nextProps.otherList\n });\n }\n };\n\n Between.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n onStart = _props.onStart,\n onDrag = _props.onDrag,\n onStop = _props.onStop,\n onDragUpdate = _props.onDragUpdate,\n dropClass = _props.dropClass,\n dropOverClass = _props.dropOverClass,\n dragClass = _props.dragClass,\n dragingClass = _props.dragingClass,\n showKey = _props.showKey,\n type = _props.type;\n\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])({\n 'u-drag-between': type == 'betweenVertical',\n 'u-drag-between u-drag-between-horizontal': type == 'betweenHorizontal'\n\n }) },\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.DragDropContext,\n { onDragEnd: this.onDragEnd, onDragStart: this.onDragStart, onDragUpdate: onDragUpdate },\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.Droppable,\n { droppableId: 'droppable', direction: type == 'betweenVertical' ? 'vertical' : 'horizontal' },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n {\n ref: provided.innerRef,\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDraggingOver).drop)) },\n _this2.state.items.map(function (item, index) {\n return _react2[\"default\"].createElement(\n _reactBeautifulDnd.Draggable,\n {\n key: '1' + index,\n draggableId: '1' + index,\n index: index },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n _extends({\n ref: provided.innerRef\n }, provided.draggableProps, provided.dragHandleProps, {\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDragging).drag)),\n style: _extends({}, provided.draggableProps.style) }),\n showKey ? item[showKey] : item\n );\n }\n );\n }),\n provided.placeholder\n );\n }\n ),\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.Droppable,\n { droppableId: 'droppable2', direction: type == 'betweenVertical' ? 'vertical' : 'horizontal' },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n {\n ref: provided.innerRef,\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDraggingOver).drop)) },\n _this2.state.selected.map(function (item, index) {\n return _react2[\"default\"].createElement(\n _reactBeautifulDnd.Draggable,\n {\n key: '2' + index,\n draggableId: '2' + index,\n index: index },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n _extends({\n ref: provided.innerRef\n }, provided.draggableProps, provided.dragHandleProps, {\n className: (0, _classnames2[\"default\"])(_extends({}, (0, _util.getClass)(_this2.props, snapshot.isDragging).drag)),\n style: _extends({}, provided.draggableProps.style) }),\n showKey ? item[showKey] : item\n );\n }\n );\n }),\n provided.placeholder\n );\n }\n )\n )\n );\n };\n\n return Between;\n}(_react.Component);\n\nexports[\"default\"] = Between;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 810 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _reactGridLayout = __webpack_require__(811);\n\nvar _reactGridLayout2 = _interopRequireDefault(_reactGridLayout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _reactGridLayout2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 811 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(246).default;\nmodule.exports.utils = __webpack_require__(69);\nmodule.exports.Responsive = __webpack_require__(817).default;\nmodule.exports.Responsive.utils = __webpack_require__(248);\nmodule.exports.WidthProvider = __webpack_require__(818).default;\n\n\n/***/ }),\n/* 812 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactDraggable = __webpack_require__(244);\n\nvar _reactResizable = __webpack_require__(813);\n\nvar _utils = __webpack_require__(69);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\n/**\n * An individual item within a ReactGridLayout.\n */\nvar GridItem = function (_React$Component) {\n _inherits(GridItem, _React$Component);\n\n function GridItem() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, GridItem);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n resizing: null,\n dragging: null,\n className: \"\"\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n // Helper for generating column width\n GridItem.prototype.calcColWidth = function calcColWidth() {\n var _props = this.props,\n margin = _props.margin,\n containerPadding = _props.containerPadding,\n containerWidth = _props.containerWidth,\n cols = _props.cols;\n\n return (containerWidth - margin[0] * (cols - 1) - containerPadding[0] * 2) / cols;\n };\n\n /**\n * Return position on the page given an x, y, w, h.\n * left, top, width, height are all in pixels.\n * @param {Number} x X coordinate in grid units.\n * @param {Number} y Y coordinate in grid units.\n * @param {Number} w W coordinate in grid units.\n * @param {Number} h H coordinate in grid units.\n * @return {Object} Object containing coords.\n */\n\n\n GridItem.prototype.calcPosition = function calcPosition(x, y, w, h, state) {\n var _props2 = this.props,\n margin = _props2.margin,\n containerPadding = _props2.containerPadding,\n rowHeight = _props2.rowHeight;\n\n var colWidth = this.calcColWidth();\n\n var out = {\n left: Math.round((colWidth + margin[0]) * x + containerPadding[0]),\n top: Math.round((rowHeight + margin[1]) * y + containerPadding[1]),\n // 0 * Infinity === NaN, which causes problems with resize constraints;\n // Fix this if it occurs.\n // Note we do it here rather than later because Math.round(Infinity) causes deopt\n width: w === Infinity ? w : Math.round(colWidth * w + Math.max(0, w - 1) * margin[0]),\n height: h === Infinity ? h : Math.round(rowHeight * h + Math.max(0, h - 1) * margin[1])\n };\n\n if (state && state.resizing) {\n out.width = Math.round(state.resizing.width);\n out.height = Math.round(state.resizing.height);\n }\n\n if (state && state.dragging) {\n out.top = Math.round(state.dragging.top);\n out.left = Math.round(state.dragging.left);\n }\n\n return out;\n };\n\n /**\n * Translate x and y coordinates from pixels to grid units.\n * @param {Number} top Top position (relative to parent) in pixels.\n * @param {Number} left Left position (relative to parent) in pixels.\n * @return {Object} x and y in grid units.\n */\n\n\n GridItem.prototype.calcXY = function calcXY(top, left) {\n var _props3 = this.props,\n margin = _props3.margin,\n cols = _props3.cols,\n rowHeight = _props3.rowHeight,\n w = _props3.w,\n h = _props3.h,\n maxRows = _props3.maxRows;\n\n var colWidth = this.calcColWidth();\n\n // left = colWidth * x + margin * (x + 1)\n // l = cx + m(x+1)\n // l = cx + mx + m\n // l - m = cx + mx\n // l - m = x(c + m)\n // (l - m) / (c + m) = x\n // x = (left - margin) / (coldWidth + margin)\n var x = Math.round((left - margin[0]) / (colWidth + margin[0]));\n var y = Math.round((top - margin[1]) / (rowHeight + margin[1]));\n\n // Capping\n x = Math.max(Math.min(x, cols - w), 0);\n y = Math.max(Math.min(y, maxRows - h), 0);\n\n return { x: x, y: y };\n };\n\n /**\n * Given a height and width in pixel values, calculate grid units.\n * @param {Number} height Height in pixels.\n * @param {Number} width Width in pixels.\n * @return {Object} w, h as grid units.\n */\n\n\n GridItem.prototype.calcWH = function calcWH(_ref) {\n var height = _ref.height,\n width = _ref.width;\n var _props4 = this.props,\n margin = _props4.margin,\n maxRows = _props4.maxRows,\n cols = _props4.cols,\n rowHeight = _props4.rowHeight,\n x = _props4.x,\n y = _props4.y;\n\n var colWidth = this.calcColWidth();\n\n // width = colWidth * w - (margin * (w - 1))\n // ...\n // w = (width + margin) / (colWidth + margin)\n var w = Math.round((width + margin[0]) / (colWidth + margin[0]));\n var h = Math.round((height + margin[1]) / (rowHeight + margin[1]));\n\n // Capping\n w = Math.max(Math.min(w, cols - x), 0);\n h = Math.max(Math.min(h, maxRows - y), 0);\n return { w: w, h: h };\n };\n\n /**\n * This is where we set the grid item's absolute placement. It gets a little tricky because we want to do it\n * well when server rendering, and the only way to do that properly is to use percentage width/left because\n * we don't know exactly what the browser viewport is.\n * Unfortunately, CSS Transforms, which are great for performance, break in this instance because a percentage\n * left is relative to the item itself, not its container! So we cannot use them on the server rendering pass.\n *\n * @param {Object} pos Position object with width, height, left, top.\n * @return {Object} Style object.\n */\n\n\n GridItem.prototype.createStyle = function createStyle(pos) {\n var _props5 = this.props,\n usePercentages = _props5.usePercentages,\n containerWidth = _props5.containerWidth,\n useCSSTransforms = _props5.useCSSTransforms;\n\n\n var style = void 0;\n // CSS Transforms support (default)\n if (useCSSTransforms) {\n style = (0, _utils.setTransform)(pos);\n } else {\n // top,left (slow)\n style = (0, _utils.setTopLeft)(pos);\n\n // This is used for server rendering.\n if (usePercentages) {\n style.left = (0, _utils.perc)(pos.left / containerWidth);\n style.width = (0, _utils.perc)(pos.width / containerWidth);\n }\n }\n\n return style;\n };\n\n /**\n * Mix a Draggable instance into a child.\n * @param {Element} child Child element.\n * @return {Element} Child wrapped in Draggable.\n */\n\n\n GridItem.prototype.mixinDraggable = function mixinDraggable(child) {\n return _react2.default.createElement(\n _reactDraggable.DraggableCore,\n {\n onStart: this.onDragHandler(\"onDragStart\"),\n onDrag: this.onDragHandler(\"onDrag\"),\n onStop: this.onDragHandler(\"onDragStop\"),\n handle: this.props.handle,\n cancel: \".react-resizable-handle\" + (this.props.cancel ? \",\" + this.props.cancel : \"\")\n },\n child\n );\n };\n\n /**\n * Mix a Resizable instance into a child.\n * @param {Element} child Child element.\n * @param {Object} position Position object (pixel values)\n * @return {Element} Child wrapped in Resizable.\n */\n\n\n GridItem.prototype.mixinResizable = function mixinResizable(child, position) {\n var _props6 = this.props,\n cols = _props6.cols,\n x = _props6.x,\n minW = _props6.minW,\n minH = _props6.minH,\n maxW = _props6.maxW,\n maxH = _props6.maxH;\n\n // This is the max possible width - doesn't go to infinity because of the width of the window\n\n var maxWidth = this.calcPosition(0, 0, cols - x, 0).width;\n\n // Calculate min/max constraints using our min & maxes\n var mins = this.calcPosition(0, 0, minW, minH);\n var maxes = this.calcPosition(0, 0, maxW, maxH);\n var minConstraints = [mins.width, mins.height];\n var maxConstraints = [Math.min(maxes.width, maxWidth), Math.min(maxes.height, Infinity)];\n return _react2.default.createElement(\n _reactResizable.Resizable,\n {\n width: position.width,\n height: position.height,\n minConstraints: minConstraints,\n maxConstraints: maxConstraints,\n onResizeStop: this.onResizeHandler(\"onResizeStop\"),\n onResizeStart: this.onResizeHandler(\"onResizeStart\"),\n onResize: this.onResizeHandler(\"onResize\")\n },\n child\n );\n };\n\n /**\n * Wrapper around drag events to provide more useful data.\n * All drag events call the function with the given handler name,\n * with the signature (index, x, y).\n *\n * @param {String} handlerName Handler name to wrap.\n * @return {Function} Handler function.\n */\n\n\n GridItem.prototype.onDragHandler = function onDragHandler(handlerName) {\n var _this2 = this;\n\n return function (e, _ref2) {\n var node = _ref2.node,\n deltaX = _ref2.deltaX,\n deltaY = _ref2.deltaY;\n\n var handler = _this2.props[handlerName];\n if (!handler) return;\n\n var newPosition = { top: 0, left: 0 };\n\n // Get new XY\n switch (handlerName) {\n case \"onDragStart\":\n {\n // TODO: this wont work on nested parents\n var offsetParent = node.offsetParent;\n\n if (!offsetParent) return;\n var parentRect = offsetParent.getBoundingClientRect();\n var clientRect = node.getBoundingClientRect();\n newPosition.left = clientRect.left - parentRect.left + offsetParent.scrollLeft;\n newPosition.top = clientRect.top - parentRect.top + offsetParent.scrollTop;\n _this2.setState({ dragging: newPosition });\n break;\n }\n case \"onDrag\":\n if (!_this2.state.dragging) throw new Error(\"onDrag called before onDragStart.\");\n newPosition.left = _this2.state.dragging.left + deltaX;\n newPosition.top = _this2.state.dragging.top + deltaY;\n _this2.setState({ dragging: newPosition });\n break;\n case \"onDragStop\":\n if (!_this2.state.dragging) throw new Error(\"onDragEnd called before onDragStart.\");\n newPosition.left = _this2.state.dragging.left;\n newPosition.top = _this2.state.dragging.top;\n _this2.setState({ dragging: null });\n break;\n default:\n throw new Error(\"onDragHandler called with unrecognized handlerName: \" + handlerName);\n }\n\n var _calcXY = _this2.calcXY(newPosition.top, newPosition.left),\n x = _calcXY.x,\n y = _calcXY.y;\n\n return handler.call(_this2, _this2.props.i, x, y, { e: e, node: node, newPosition: newPosition });\n };\n };\n\n /**\n * Wrapper around drag events to provide more useful data.\n * All drag events call the function with the given handler name,\n * with the signature (index, x, y).\n *\n * @param {String} handlerName Handler name to wrap.\n * @return {Function} Handler function.\n */\n\n\n GridItem.prototype.onResizeHandler = function onResizeHandler(handlerName) {\n var _this3 = this;\n\n return function (e, _ref3) {\n var node = _ref3.node,\n size = _ref3.size;\n\n var handler = _this3.props[handlerName];\n if (!handler) return;\n var _props7 = _this3.props,\n cols = _props7.cols,\n x = _props7.x,\n i = _props7.i,\n maxW = _props7.maxW,\n minW = _props7.minW,\n maxH = _props7.maxH,\n minH = _props7.minH;\n\n // Get new XY\n\n var _calcWH = _this3.calcWH(size),\n w = _calcWH.w,\n h = _calcWH.h;\n\n // Cap w at numCols\n\n\n w = Math.min(w, cols - x);\n // Ensure w is at least 1\n w = Math.max(w, 1);\n\n // Min/max capping\n w = Math.max(Math.min(w, maxW), minW);\n h = Math.max(Math.min(h, maxH), minH);\n\n _this3.setState({ resizing: handlerName === \"onResizeStop\" ? null : size });\n\n handler.call(_this3, i, w, h, { e: e, node: node, size: size });\n };\n };\n\n GridItem.prototype.render = function render() {\n var _props8 = this.props,\n x = _props8.x,\n y = _props8.y,\n w = _props8.w,\n h = _props8.h,\n isDraggable = _props8.isDraggable,\n isResizable = _props8.isResizable,\n useCSSTransforms = _props8.useCSSTransforms;\n\n\n var pos = this.calcPosition(x, y, w, h, this.state);\n var child = _react2.default.Children.only(this.props.children);\n\n // Create the child element. We clone the existing element but modify its className and style.\n var newChild = _react2.default.cloneElement(child, {\n className: (0, _classnames2.default)(\"react-grid-item\", child.props.className, this.props.className, {\n static: this.props.static,\n resizing: Boolean(this.state.resizing),\n \"react-draggable\": isDraggable,\n \"react-draggable-dragging\": Boolean(this.state.dragging),\n cssTransforms: useCSSTransforms\n }),\n // We can set the width and height on the child, but unfortunately we can't set the position.\n style: _extends({}, this.props.style, child.props.style, this.createStyle(pos))\n });\n\n // Resizable support. This is usually on but the user can toggle it off.\n if (isResizable) newChild = this.mixinResizable(newChild, pos);\n\n // Draggable support. This is always on, except for with placeholders.\n if (isDraggable) newChild = this.mixinDraggable(newChild);\n\n return newChild;\n };\n\n return GridItem;\n}(_react2.default.Component);\n\nGridItem.propTypes = {\n // Children must be only a single element\n children: _propTypes2.default.element,\n\n // General grid attributes\n cols: _propTypes2.default.number.isRequired,\n containerWidth: _propTypes2.default.number.isRequired,\n rowHeight: _propTypes2.default.number.isRequired,\n margin: _propTypes2.default.array.isRequired,\n maxRows: _propTypes2.default.number.isRequired,\n containerPadding: _propTypes2.default.array.isRequired,\n\n // These are all in grid units\n x: _propTypes2.default.number.isRequired,\n y: _propTypes2.default.number.isRequired,\n w: _propTypes2.default.number.isRequired,\n h: _propTypes2.default.number.isRequired,\n\n // All optional\n minW: function minW(props, propName) {\n var value = props[propName];\n if (typeof value !== \"number\") return new Error(\"minWidth not Number\");\n if (value > props.w || value > props.maxW) return new Error(\"minWidth larger than item width/maxWidth\");\n },\n\n maxW: function maxW(props, propName) {\n var value = props[propName];\n if (typeof value !== \"number\") return new Error(\"maxWidth not Number\");\n if (value < props.w || value < props.minW) return new Error(\"maxWidth smaller than item width/minWidth\");\n },\n\n minH: function minH(props, propName) {\n var value = props[propName];\n if (typeof value !== \"number\") return new Error(\"minHeight not Number\");\n if (value > props.h || value > props.maxH) return new Error(\"minHeight larger than item height/maxHeight\");\n },\n\n maxH: function maxH(props, propName) {\n var value = props[propName];\n if (typeof value !== \"number\") return new Error(\"maxHeight not Number\");\n if (value < props.h || value < props.minH) return new Error(\"maxHeight smaller than item height/minHeight\");\n },\n\n // ID is nice to have for callbacks\n i: _propTypes2.default.string.isRequired,\n\n // Functions\n onDragStop: _propTypes2.default.func,\n onDragStart: _propTypes2.default.func,\n onDrag: _propTypes2.default.func,\n onResizeStop: _propTypes2.default.func,\n onResizeStart: _propTypes2.default.func,\n onResize: _propTypes2.default.func,\n\n // Flags\n isDraggable: _propTypes2.default.bool.isRequired,\n isResizable: _propTypes2.default.bool.isRequired,\n static: _propTypes2.default.bool,\n\n // Use CSS transforms instead of top/left\n useCSSTransforms: _propTypes2.default.bool.isRequired,\n\n // Others\n className: _propTypes2.default.string,\n // Selector for draggable handle\n handle: _propTypes2.default.string,\n // Selector for draggable cancel (see react-draggable)\n cancel: _propTypes2.default.string\n};\nGridItem.defaultProps = {\n className: \"\",\n cancel: \"\",\n handle: \"\",\n minH: 1,\n minW: 1,\n maxH: Infinity,\n maxW: Infinity\n};\nexports.default = GridItem;\n\n/***/ }),\n/* 813 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nmodule.exports = function() {\n throw new Error(\"Don't instantiate Resizable directly! Use require('react-resizable').Resizable\");\n};\n\nmodule.exports.Resizable = __webpack_require__(247).default;\nmodule.exports.ResizableBox = __webpack_require__(816).default;\n\n\n/***/ }),\n/* 814 */\n/***/ (function(module, exports, __webpack_require__) {\n\n!function(t,e){ true?module.exports=e(__webpack_require__(0),__webpack_require__(4)):\"function\"==typeof define&&define.amd?define([\"react\",\"react-dom\"],e):\"object\"==typeof exports?exports.ReactDraggable=e(require(\"react\"),require(\"react-dom\")):t.ReactDraggable=e(t.React,t.ReactDOM)}(window,function(t,e){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(t,\"__esModule\",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&\"object\"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,\"default\",{enumerable:!0,value:t}),2&e&&\"string\"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,\"a\",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p=\"\",n(n.s=4)}([function(t,e,n){t.exports=n(5)()},function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){var r;\n/*!\n Copyright (c) 2017 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/!function(){\"use strict\";var n={}.hasOwnProperty;function o(){for(var t=[],e=0;e0&&void 0!==arguments[0]?arguments[0]:\"transform\";if(\"undefined\"==typeof window||void 0===window.document)return\"\";var e=window.document.documentElement.style;if(t in e)return\"\";for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{})}function X(t){return\"both\"===t.props.axis||\"x\"===t.props.axis}function Y(t){return\"both\"===t.props.axis||\"y\"===t.props.axis}function L(t,e,n){var r=\"number\"==typeof e?function(t,e){return t.targetTouches&&f(t.targetTouches,function(t){return e===t.identifier})||t.changedTouches&&f(t.changedTouches,function(t){return e===t.identifier})}(t,e):null;if(\"number\"==typeof e&&!r)return null;var o=I(n);return function(t,e,n){var r=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect();return{x:(t.clientX+e.scrollLeft-r.left)/n,y:(t.clientY+e.scrollTop-r.top)/n}}(r||t,n.props.offsetParent||o.offsetParent||o.ownerDocument.body,n.props.scale)}function R(t,e,n){var r=t.state,o=!d(r.lastX),a=I(t);return o?{node:a,deltaX:0,deltaY:0,lastX:e,lastY:n,x:e,y:n}:{node:a,deltaX:e-r.lastX,deltaY:n-r.lastY,lastX:r.lastX,lastY:r.lastY,x:e,y:n}}function A(t,e){var n=t.props.scale;return{node:e.node,x:t.state.x+e.deltaX/n,y:t.state.y+e.deltaY/n,deltaX:e.deltaX/n,deltaY:e.deltaY/n,lastX:t.state.x,lastY:t.state.y}}function I(t){var e=u.a.findDOMNode(t);if(!e)throw new Error(\": Unmounted during event!\");return e}function U(t){return(U=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\"function\"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\"symbol\":typeof t})(t)}function V(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,a=void 0;try{for(var i,s=t[Symbol.iterator]();!(r=(i=s.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(o)throw a}}return n}(t,e)||function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance\")}()}function W(t,e){for(var n=0;n not mounted on DragStart!\");var r=e.ownerDocument;if(!(n.props.disabled||!(t.target instanceof r.defaultView.Node)||n.props.handle&&!D(t.target,n.props.handle,e)||n.props.cancel&&D(t.target,n.props.cancel,e))){var o=function(t){return t.targetTouches&&t.targetTouches[0]?t.targetTouches[0].identifier:t.changedTouches&&t.changedTouches[0]?t.changedTouches[0].identifier:void 0}(t);n.setState({touchIdentifier:o});var a=L(t,o,H(n));if(null!=a){var i=a.x,s=a.y,c=R(H(n),i,s);n.props.onStart,!1!==n.props.onStart(t,c)&&(n.props.enableUserSelectHack&&M(r),n.setState({dragging:!0,lastX:i,lastY:s}),x(r,F.move,n.handleDrag),x(r,F.stop,n.handleDragStop))}}}),G(H(n),\"handleDrag\",function(t){\"touchmove\"===t.type&&t.preventDefault();var e=L(t,n.state.touchIdentifier,H(n));if(null!=e){var r,o,a,i=e.x,s=e.y;if(Array.isArray(n.props.grid)){var u=i-n.state.lastX,c=s-n.state.lastY,l=V((r=n.props.grid,o=u,a=c,[Math.round(o/r[0])*r[0],Math.round(a/r[1])*r[1]]),2);if(u=l[0],c=l[1],!u&&!c)return;i=n.state.lastX+u,s=n.state.lastY+c}var f=R(H(n),i,s);if(!1!==n.props.onDrag(t,f))n.setState({lastX:i,lastY:s});else try{n.handleDragStop(new MouseEvent(\"mouseup\"))}catch(t){var p=document.createEvent(\"MouseEvents\");p.initMouseEvent(\"mouseup\",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),n.handleDragStop(p)}}}),G(H(n),\"handleDragStop\",function(t){if(n.state.dragging){var e=L(t,n.state.touchIdentifier,H(n));if(null!=e){var r=e.x,o=e.y,a=R(H(n),r,o),i=u.a.findDOMNode(H(n));i&&n.props.enableUserSelectHack&&k(i.ownerDocument),n.setState({dragging:!1,lastX:NaN,lastY:NaN}),n.props.onStop(t,a),i&&(P(i.ownerDocument,F.move,n.handleDrag),P(i.ownerDocument,F.stop,n.handleDragStop))}}}),G(H(n),\"onMouseDown\",function(t){return F=z.mouse,n.handleDragStart(t)}),G(H(n),\"onMouseUp\",function(t){return F=z.mouse,n.handleDragStop(t)}),G(H(n),\"onTouchStart\",function(t){return F=z.touch,n.handleDragStart(t)}),G(H(n),\"onTouchEnd\",function(t){return F=z.touch,n.handleDragStop(t)}),n}var n,r,a;return function(t,e){if(\"function\"!=typeof e&&null!==e)throw new TypeError(\"Super expression must either be null or a function\");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&q(t,e)}(e,o.a.Component),n=e,(r=[{key:\"componentWillUnmount\",value:function(){var t=u.a.findDOMNode(this);if(t){var e=t.ownerDocument;P(e,z.mouse.move,this.handleDrag),P(e,z.touch.move,this.handleDrag),P(e,z.mouse.stop,this.handleDragStop),P(e,z.touch.stop,this.handleDragStop),this.props.enableUserSelectHack&&k(e)}}},{key:\"render\",value:function(){return o.a.cloneElement(o.a.Children.only(this.props.children),{style:_(this.props.children.props.style),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&W(n.prototype,r),a&&W(n,a),e}();function K(t){return(K=\"function\"==typeof Symbol&&\"symbol\"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&\"function\"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?\"symbol\":typeof t})(t)}function Q(){return(Q=Object.assign||function(t){for(var e=1;e=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function $(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,o=!1,a=void 0;try{for(var i,s=t[Symbol.iterator]();!(r=(i=s.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){o=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(o)throw a}}return n}(t,e)||function(){throw new TypeError(\"Invalid attempt to destructure non-iterable instance\")}()}function tt(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function et(t){for(var e=1;e, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.\"),n}return function(t,e){if(\"function\"!=typeof e&&null!==e)throw new TypeError(\"Super expression must either be null or a function\");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&it(t,e)}(e,o.a.Component),at(e,null,[{key:\"getDerivedStateFromProps\",value:function(t,e){var n=t.position,r=e.prevPropsPosition;return!n||r&&n.x===r.x&&n.y===r.y?null:{x:n.x,y:n.y,prevPropsPosition:et({},n)}}}]),at(e,[{key:\"componentDidMount\",value:function(){void 0!==window.SVGElement&&u.a.findDOMNode(this)instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:\"componentWillUnmount\",value:function(){this.setState({dragging:!1})}},{key:\"render\",value:function(){var t,e=this.props,n=(e.axis,e.bounds,e.children),r=e.defaultPosition,a=e.defaultClassName,i=e.defaultClassNameDragging,s=e.defaultClassNameDragged,u=e.position,c=e.positionOffset,f=(e.scale,Z(e,[\"axis\",\"bounds\",\"children\",\"defaultPosition\",\"defaultClassName\",\"defaultClassNameDragging\",\"defaultClassNameDragged\",\"position\",\"positionOffset\",\"scale\"])),p={},d=null,g=!Boolean(u)||this.state.dragging,y=u||r,h={x:X(this)&&g?this.state.x:y.x,y:Y(this)&&g?this.state.y:y.y};this.state.isElementSVG?d=function(t,e){return C(t,e,\"\")}(h,c):p=function(t,e){var n=C(t,e,\"px\");return w({},b(\"transform\",m),n)}(h,c);var v=l()(n.props.className||\"\",a,(st(t={},i,this.state.dragging),st(t,s,this.state.dragged),t));return o.a.createElement(J,Q({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.a.cloneElement(o.a.Children.only(n),{className:v,style:et({},n.props.style,{},p),transform:d}))}}]),e}();st(ut,\"displayName\",\"Draggable\"),st(ut,\"propTypes\",et({},J.propTypes,{axis:i.a.oneOf([\"both\",\"x\",\"y\",\"none\"]),bounds:i.a.oneOfType([i.a.shape({left:i.a.number,right:i.a.number,top:i.a.number,bottom:i.a.number}),i.a.string,i.a.oneOf([!1])]),defaultClassName:i.a.string,defaultClassNameDragging:i.a.string,defaultClassNameDragged:i.a.string,defaultPosition:i.a.shape({x:i.a.number,y:i.a.number}),positionOffset:i.a.shape({x:i.a.oneOfType([i.a.number,i.a.string]),y:i.a.oneOfType([i.a.number,i.a.string])}),position:i.a.shape({x:i.a.number,y:i.a.number}),className:y,style:y,transform:y})),st(ut,\"defaultProps\",et({},J.defaultProps,{axis:\"both\",bounds:!1,defaultClassName:\"react-draggable\",defaultClassNameDragging:\"react-draggable-dragging\",defaultClassNameDragged:\"react-draggable-dragged\",defaultPosition:{x:0,y:0},position:null,scale:1}))}])});\n//# sourceMappingURL=react-draggable.min.js.map\n\n/***/ }),\n/* 815 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\nexports.cloneElement = cloneElement;\n\nvar _react = _interopRequireDefault(__webpack_require__(0));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _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; }\n\n// React.addons.cloneWithProps look-alike that merges style & className.\nfunction cloneElement(element, props) {\n if (props.style && element.props.style) {\n props.style = _objectSpread({}, element.props.style, {}, props.style);\n }\n\n if (props.className && element.props.className) {\n props.className = element.props.className + \" \" + props.className;\n }\n\n return _react.default.cloneElement(element, props);\n}\n\n/***/ }),\n/* 816 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _react = _interopRequireDefault(__webpack_require__(0));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(1));\n\nvar _Resizable = _interopRequireDefault(__webpack_require__(247));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nfunction _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; }\n\n// An example use of Resizable.\nvar ResizableBox =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(ResizableBox, _React$Component);\n\n function ResizableBox() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n width: _this.props.width,\n height: _this.props.height,\n propsWidth: _this.props.width,\n propsHeight: _this.props.height\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onResize\", function (e, data) {\n var size = data.size;\n var width = size.width,\n height = size.height;\n\n if (_this.props.onResize) {\n e.persist && e.persist();\n\n _this.setState(size, function () {\n return _this.props.onResize && _this.props.onResize(e, data);\n });\n } else {\n _this.setState(size);\n }\n });\n\n return _this;\n }\n\n ResizableBox.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n // If parent changes height/width, set that in our state.\n if (state.propsWidth !== props.width || state.propsHeight !== props.height) {\n return {\n width: props.width,\n height: props.height,\n propsWidth: props.width,\n propsHeight: props.height\n };\n }\n\n return null;\n };\n\n var _proto = ResizableBox.prototype;\n\n _proto.render = function render() {\n // Basic wrapper around a Resizable instance.\n // If you use Resizable directly, you are responsible for updating the child component\n // with a new width and height.\n var _this$props = this.props,\n handle = _this$props.handle,\n handleSize = _this$props.handleSize,\n onResize = _this$props.onResize,\n onResizeStart = _this$props.onResizeStart,\n onResizeStop = _this$props.onResizeStop,\n draggableOpts = _this$props.draggableOpts,\n minConstraints = _this$props.minConstraints,\n maxConstraints = _this$props.maxConstraints,\n lockAspectRatio = _this$props.lockAspectRatio,\n axis = _this$props.axis,\n width = _this$props.width,\n height = _this$props.height,\n resizeHandles = _this$props.resizeHandles,\n props = _objectWithoutPropertiesLoose(_this$props, [\"handle\", \"handleSize\", \"onResize\", \"onResizeStart\", \"onResizeStop\", \"draggableOpts\", \"minConstraints\", \"maxConstraints\", \"lockAspectRatio\", \"axis\", \"width\", \"height\", \"resizeHandles\"]);\n\n return _react.default.createElement(_Resizable.default, {\n handle: handle,\n handleSize: handleSize,\n width: this.state.width,\n height: this.state.height,\n onResizeStart: onResizeStart,\n onResize: this.onResize,\n onResizeStop: onResizeStop,\n draggableOpts: draggableOpts,\n minConstraints: minConstraints,\n maxConstraints: maxConstraints,\n lockAspectRatio: lockAspectRatio,\n axis: axis,\n resizeHandles: resizeHandles\n }, _react.default.createElement(\"div\", _extends({\n style: {\n width: this.state.width + 'px',\n height: this.state.height + 'px'\n }\n }, props)));\n };\n\n return ResizableBox;\n}(_react.default.Component);\n\nexports.default = ResizableBox;\n\n_defineProperty(ResizableBox, \"propTypes\", {\n height: _propTypes.default.number,\n width: _propTypes.default.number\n});\n\n_defineProperty(ResizableBox, \"defaultProps\", {\n handleSize: [20, 20]\n});\n\n/***/ }),\n/* 817 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _lodash = __webpack_require__(39);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nvar _utils = __webpack_require__(69);\n\nvar _responsiveUtils = __webpack_require__(248);\n\nvar _ReactGridLayout = __webpack_require__(246);\n\nvar _ReactGridLayout2 = _interopRequireDefault(_ReactGridLayout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar type = function type(obj) {\n return Object.prototype.toString.call(obj);\n};\n\nvar ResponsiveReactGridLayout = function (_React$Component) {\n _inherits(ResponsiveReactGridLayout, _React$Component);\n\n function ResponsiveReactGridLayout() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, ResponsiveReactGridLayout);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = _this.generateInitialState(), _this.onLayoutChange = function (layout) {\n var _extends2;\n\n _this.props.onLayoutChange(layout, _extends({}, _this.props.layouts, (_extends2 = {}, _extends2[_this.state.breakpoint] = layout, _extends2)));\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n // This should only include propTypes needed in this code; RGL itself\n // will do validation of the rest props passed to it.\n\n\n ResponsiveReactGridLayout.prototype.generateInitialState = function generateInitialState() {\n var _props = this.props,\n width = _props.width,\n breakpoints = _props.breakpoints,\n layouts = _props.layouts,\n cols = _props.cols;\n\n var breakpoint = (0, _responsiveUtils.getBreakpointFromWidth)(breakpoints, width);\n var colNo = (0, _responsiveUtils.getColsFromBreakpoint)(breakpoint, cols);\n // verticalCompact compatibility, now deprecated\n var compactType = this.props.verticalCompact === false ? null : this.props.compactType;\n // Get the initial layout. This can tricky; we try to generate one however possible if one doesn't exist\n // for this layout.\n var initialLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(layouts, breakpoints, breakpoint, breakpoint, colNo, compactType);\n\n return {\n layout: initialLayout,\n breakpoint: breakpoint,\n cols: colNo\n };\n };\n\n ResponsiveReactGridLayout.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n // Allow parent to set width or breakpoint directly.\n if (nextProps.width != this.props.width || nextProps.breakpoint !== this.props.breakpoint || !(0, _lodash2.default)(nextProps.breakpoints, this.props.breakpoints) || !(0, _lodash2.default)(nextProps.cols, this.props.cols)) {\n this.onWidthChange(nextProps);\n } else if (!(0, _lodash2.default)(nextProps.layouts, this.props.layouts)) {\n // Allow parent to set layouts directly.\n var _state = this.state,\n _breakpoint = _state.breakpoint,\n _cols = _state.cols;\n\n // Since we're setting an entirely new layout object, we must generate a new responsive layout\n // if one does not exist.\n\n var newLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(nextProps.layouts, nextProps.breakpoints, _breakpoint, _breakpoint, _cols, nextProps.compactType);\n this.setState({ layout: newLayout });\n }\n };\n\n // wrap layouts so we do not need to pass layouts to child\n\n\n /**\n * When the width changes work through breakpoints and reset state with the new width & breakpoint.\n * Width changes are necessary to figure out the widget widths.\n */\n ResponsiveReactGridLayout.prototype.onWidthChange = function onWidthChange(nextProps) {\n var breakpoints = nextProps.breakpoints,\n cols = nextProps.cols,\n layouts = nextProps.layouts,\n compactType = nextProps.compactType;\n\n var newBreakpoint = nextProps.breakpoint || (0, _responsiveUtils.getBreakpointFromWidth)(nextProps.breakpoints, nextProps.width);\n\n var lastBreakpoint = this.state.breakpoint;\n\n // Breakpoint change\n if (lastBreakpoint !== newBreakpoint || this.props.breakpoints !== breakpoints || this.props.cols !== cols) {\n // Preserve the current layout if the current breakpoint is not present in the next layouts.\n if (!(lastBreakpoint in layouts)) layouts[lastBreakpoint] = (0, _utils.cloneLayout)(this.state.layout);\n\n // Find or generate a new layout.\n var newCols = (0, _responsiveUtils.getColsFromBreakpoint)(newBreakpoint, cols);\n var _layout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(layouts, breakpoints, newBreakpoint, lastBreakpoint, newCols, compactType);\n\n // This adds missing items.\n _layout = (0, _utils.synchronizeLayoutWithChildren)(_layout, nextProps.children, newCols, compactType);\n\n // Store the new layout.\n layouts[newBreakpoint] = _layout;\n\n // callbacks\n this.props.onLayoutChange(_layout, layouts);\n this.props.onBreakpointChange(newBreakpoint, newCols);\n this.props.onWidthChange(nextProps.width, nextProps.margin, newCols, nextProps.containerPadding);\n\n this.setState({\n breakpoint: newBreakpoint,\n layout: _layout,\n cols: newCols\n });\n }\n };\n\n ResponsiveReactGridLayout.prototype.render = function render() {\n /* eslint-disable no-unused-vars */\n var _props2 = this.props,\n breakpoint = _props2.breakpoint,\n breakpoints = _props2.breakpoints,\n cols = _props2.cols,\n layouts = _props2.layouts,\n onBreakpointChange = _props2.onBreakpointChange,\n onLayoutChange = _props2.onLayoutChange,\n onWidthChange = _props2.onWidthChange,\n other = _objectWithoutProperties(_props2, [\"breakpoint\", \"breakpoints\", \"cols\", \"layouts\", \"onBreakpointChange\", \"onLayoutChange\", \"onWidthChange\"]);\n /* eslint-enable no-unused-vars */\n\n return _react2.default.createElement(_ReactGridLayout2.default, _extends({}, other, {\n onLayoutChange: this.onLayoutChange,\n layout: this.state.layout,\n cols: this.state.cols\n }));\n };\n\n return ResponsiveReactGridLayout;\n}(_react2.default.Component);\n\nResponsiveReactGridLayout.propTypes = {\n //\n // Basic props\n //\n\n // Optional, but if you are managing width yourself you may want to set the breakpoint\n // yourself as well.\n breakpoint: _propTypes2.default.string,\n\n // {name: pxVal}, e.g. {lg: 1200, md: 996, sm: 768, xs: 480}\n breakpoints: _propTypes2.default.object,\n\n // # of cols. This is a breakpoint -> cols map\n cols: _propTypes2.default.object,\n\n // layouts is an object mapping breakpoints to layouts.\n // e.g. {lg: Layout, md: Layout, ...}\n layouts: function layouts(props, propName) {\n if (type(props[propName]) !== \"[object Object]\") {\n throw new Error(\"Layout property must be an object. Received: \" + type(props[propName]));\n }\n Object.keys(props[propName]).forEach(function (key) {\n if (!(key in props.breakpoints)) {\n throw new Error(\"Each key in layouts must align with a key in breakpoints.\");\n }\n (0, _utils.validateLayout)(props.layouts[key], \"layouts.\" + key);\n });\n },\n\n\n // The width of this component.\n // Required in this propTypes stanza because generateInitialState() will fail without it.\n width: _propTypes2.default.number.isRequired,\n\n //\n // Callbacks\n //\n\n // Calls back with breakpoint and new # cols\n onBreakpointChange: _propTypes2.default.func,\n\n // Callback so you can save the layout.\n // Calls back with (currentLayout, allLayouts). allLayouts are keyed by breakpoint.\n onLayoutChange: _propTypes2.default.func,\n\n // Calls back with (containerWidth, margin, cols, containerPadding)\n onWidthChange: _propTypes2.default.func\n};\nResponsiveReactGridLayout.defaultProps = {\n breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },\n cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },\n layouts: {},\n onBreakpointChange: _utils.noop,\n onLayoutChange: _utils.noop,\n onWidthChange: _utils.noop\n};\nexports.default = ResponsiveReactGridLayout;\n\n/***/ }),\n/* 818 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _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; };\n\nexports.default = WidthProvider;\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\n/*\n * A simple HOC that provides facility for listening to container resizes.\n */\nfunction WidthProvider(ComposedComponent) {\n var _class, _temp2;\n\n return _temp2 = _class = function (_React$Component) {\n _inherits(WidthProvider, _React$Component);\n\n function WidthProvider() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, WidthProvider);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {\n width: 1280\n }, _this.mounted = false, _this.onWindowResize = function () {\n if (!_this.mounted) return;\n // eslint-disable-next-line\n var node = _reactDom2.default.findDOMNode(_this); // Flow casts this to Text | Element\n if (node instanceof HTMLElement) _this.setState({ width: node.offsetWidth });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n WidthProvider.prototype.componentDidMount = function componentDidMount() {\n this.mounted = true;\n\n window.addEventListener(\"resize\", this.onWindowResize);\n // Call to properly set the breakpoint and resize the elements.\n // Note that if you're doing a full-width element, this can get a little wonky if a scrollbar\n // appears because of the grid. In that case, fire your own resize event, or set `overflow: scroll` on your body.\n this.onWindowResize();\n };\n\n WidthProvider.prototype.componentWillUnmount = function componentWillUnmount() {\n this.mounted = false;\n window.removeEventListener(\"resize\", this.onWindowResize);\n };\n\n WidthProvider.prototype.render = function render() {\n var _props = this.props,\n measureBeforeMount = _props.measureBeforeMount,\n rest = _objectWithoutProperties(_props, [\"measureBeforeMount\"]);\n\n if (measureBeforeMount && !this.mounted) {\n return _react2.default.createElement(\"div\", { className: this.props.className, style: this.props.style });\n }\n\n return _react2.default.createElement(ComposedComponent, _extends({}, rest, this.state));\n };\n\n return WidthProvider;\n }(_react2.default.Component), _class.defaultProps = {\n measureBeforeMount: false\n }, _class.propTypes = {\n // If true, will not render children until mounted. Useful for getting the exact width before\n // rendering, to prevent any unsightly resizing.\n measureBeforeMount: _propTypes2.default.bool\n }, _temp2;\n}\n\n/***/ }),\n/* 819 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n\n\nvar classCallCheck = function (instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n};\n\nvar createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n}();\n\nvar _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n};\n\nvar inherits = function (subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n};\n\nvar possibleConstructorReturn = function (self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n};\n\nvar styles = {\n base: {\n position: 'absolute',\n userSelect: 'none',\n MsUserSelect: 'none'\n },\n top: {\n width: '100%',\n height: '10px',\n top: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n right: {\n width: '10px',\n height: '100%',\n top: '0px',\n right: '-5px',\n cursor: 'col-resize'\n },\n bottom: {\n width: '100%',\n height: '10px',\n bottom: '-5px',\n left: '0px',\n cursor: 'row-resize'\n },\n left: {\n width: '10px',\n height: '100%',\n top: '0px',\n left: '-5px',\n cursor: 'col-resize'\n },\n topRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n top: '-10px',\n cursor: 'ne-resize'\n },\n bottomRight: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n right: '-10px',\n bottom: '-10px',\n cursor: 'se-resize'\n },\n bottomLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n bottom: '-10px',\n cursor: 'sw-resize'\n },\n topLeft: {\n width: '20px',\n height: '20px',\n position: 'absolute',\n left: '-10px',\n top: '-10px',\n cursor: 'nw-resize'\n }\n};\n\nvar Resizer = (function (props) {\n return Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])(\n 'div',\n {\n className: props.className,\n style: _extends({}, styles.base, styles[props.direction], props.replaceStyles || {}),\n onMouseDown: function onMouseDown(e) {\n props.onResizeStart(e, props.direction);\n },\n onTouchStart: function onTouchStart(e) {\n props.onResizeStart(e, props.direction);\n }\n },\n props.children\n );\n});\n\nvar userSelectNone = {\n userSelect: 'none',\n MozUserSelect: 'none',\n WebkitUserSelect: 'none',\n MsUserSelect: 'none'\n};\n\nvar userSelectAuto = {\n userSelect: 'auto',\n MozUserSelect: 'auto',\n WebkitUserSelect: 'auto',\n MsUserSelect: 'auto'\n};\n\nvar clamp = function clamp(n, min, max) {\n return Math.max(Math.min(n, max), min);\n};\nvar snap = function snap(n, size) {\n return Math.round(n / size) * size;\n};\n\nvar findClosestSnap = function findClosestSnap(n, snapArray) {\n return snapArray.reduce(function (prev, curr) {\n return Math.abs(curr - n) < Math.abs(prev - n) ? curr : prev;\n });\n};\n\nvar endsWith = function endsWith(str, searchStr) {\n return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;\n};\n\nvar getStringSize = function getStringSize(n) {\n if (n.toString() === 'auto') return n.toString();\n if (endsWith(n.toString(), 'px')) return n.toString();\n if (endsWith(n.toString(), '%')) return n.toString();\n if (endsWith(n.toString(), 'vh')) return n.toString();\n if (endsWith(n.toString(), 'vw')) return n.toString();\n if (endsWith(n.toString(), 'vmax')) return n.toString();\n if (endsWith(n.toString(), 'vmin')) return n.toString();\n return n + 'px';\n};\n\nvar 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'];\n\nvar baseClassName = '__resizable_base__';\n\nvar Resizable = function (_React$Component) {\n inherits(Resizable, _React$Component);\n\n function Resizable(props) {\n classCallCheck(this, Resizable);\n\n var _this = possibleConstructorReturn(this, (Resizable.__proto__ || Object.getPrototypeOf(Resizable)).call(this, props));\n\n _this.state = {\n isResizing: false,\n resizeCursor: 'auto',\n width: typeof (_this.propsSize && _this.propsSize.width) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.width,\n height: typeof (_this.propsSize && _this.propsSize.height) === 'undefined' ? 'auto' : _this.propsSize && _this.propsSize.height,\n direction: 'right',\n original: {\n x: 0,\n y: 0,\n width: 0,\n height: 0\n }\n };\n\n _this.updateExtendsProps(props);\n _this.onResizeStart = _this.onResizeStart.bind(_this);\n _this.onMouseMove = _this.onMouseMove.bind(_this);\n _this.onMouseUp = _this.onMouseUp.bind(_this);\n\n if (typeof window !== 'undefined') {\n window.addEventListener('mouseup', _this.onMouseUp);\n window.addEventListener('mousemove', _this.onMouseMove);\n window.addEventListener('mouseleave', _this.onMouseUp);\n window.addEventListener('touchmove', _this.onMouseMove);\n window.addEventListener('touchend', _this.onMouseUp);\n }\n return _this;\n }\n\n createClass(Resizable, [{\n key: 'updateExtendsProps',\n value: function updateExtendsProps(props) {\n this.extendsProps = Object.keys(props).reduce(function (acc, key) {\n if (definedProps.indexOf(key) !== -1) return acc;\n acc[key] = props[key];\n return acc;\n }, {});\n }\n }, {\n key: 'getParentSize',\n value: function getParentSize() {\n var base = this.base;\n\n if (!base) return { width: window.innerWidth, height: window.innerHeight };\n // INFO: To calculate parent width with flex layout\n var wrapChanged = false;\n var wrap = this.parentNode.style.flexWrap;\n var minWidth = base.style.minWidth;\n if (wrap !== 'wrap') {\n wrapChanged = true;\n this.parentNode.style.flexWrap = 'wrap';\n // HACK: Use relative to get parent padding size\n }\n base.style.position = 'relative';\n base.style.minWidth = '100%';\n var size = {\n width: base.offsetWidth,\n height: base.offsetHeight\n };\n base.style.position = 'absolute';\n if (wrapChanged) this.parentNode.style.flexWrap = wrap;\n base.style.minWidth = minWidth;\n return size;\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var size = this.size;\n\n this.setState({\n width: this.state.width || size.width,\n height: this.state.height || size.height\n });\n var parent = this.parentNode;\n if (!(parent instanceof HTMLElement)) return;\n if (this.base) return;\n var element = document.createElement('div');\n element.style.width = '100%';\n element.style.height = '100%';\n element.style.position = 'absolute';\n element.style.transform = 'scale(0, 0)';\n element.style.left = '0';\n element.style.flex = '0';\n if (element.classList) {\n element.classList.add(baseClassName);\n } else {\n element.className += baseClassName;\n }\n parent.appendChild(element);\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps(next) {\n this.updateExtendsProps(next);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (typeof window !== 'undefined') {\n window.removeEventListener('mouseup', this.onMouseUp);\n window.removeEventListener('mousemove', this.onMouseMove);\n window.removeEventListener('mouseleave', this.onMouseUp);\n window.removeEventListener('touchmove', this.onMouseMove);\n window.removeEventListener('touchend', this.onMouseUp);\n var parent = this.parentNode;\n var base = this.base;\n\n if (!base || !parent) return;\n if (!(parent instanceof HTMLElement) || !(base instanceof Node)) return;\n parent.removeChild(base);\n }\n }\n }, {\n key: 'calculateNewSize',\n value: function calculateNewSize(newSize, kind) {\n var propsSize = this.propsSize && this.propsSize[kind];\n return this.state[kind] === 'auto' && this.state.original[kind] === newSize && (typeof propsSize === 'undefined' || propsSize === 'auto') ? 'auto' : newSize;\n }\n }, {\n key: 'onResizeStart',\n value: function onResizeStart(event, direction) {\n var clientX = 0;\n var clientY = 0;\n if (event.nativeEvent instanceof MouseEvent) {\n clientX = event.nativeEvent.clientX;\n clientY = event.nativeEvent.clientY;\n\n // When user click with right button the resize is stuck in resizing mode\n // until users clicks again, dont continue if right click is used.\n // HACK: MouseEvent does not have `which` from flow-bin v0.68.\n if (event.nativeEvent.which === 3) {\n return;\n }\n } else if (event.nativeEvent instanceof TouchEvent) {\n clientX = event.nativeEvent.touches[0].clientX;\n clientY = event.nativeEvent.touches[0].clientY;\n }\n if (this.props.onResizeStart) {\n this.props.onResizeStart(event, direction, this.resizable);\n }\n\n // Fix #168\n if (this.props.size) {\n if (typeof this.props.size.height !== 'undefined' && this.props.size.height !== this.state.height) {\n this.setState({ height: this.props.size.height });\n }\n if (typeof this.props.size.width !== 'undefined' && this.props.size.width !== this.state.width) {\n this.setState({ width: this.props.size.width });\n }\n }\n\n this.setState({\n original: {\n x: clientX,\n y: clientY,\n width: this.size.width,\n height: this.size.height\n },\n isResizing: true,\n resizeCursor: window.getComputedStyle(event.target).cursor,\n direction: direction\n });\n }\n }, {\n key: 'onMouseMove',\n value: function onMouseMove(event) {\n if (!this.state.isResizing) return;\n var clientX = event instanceof MouseEvent ? event.clientX : event.touches[0].clientX;\n var clientY = event instanceof MouseEvent ? event.clientY : event.touches[0].clientY;\n var _state = this.state,\n direction = _state.direction,\n original = _state.original,\n width = _state.width,\n height = _state.height;\n var _props = this.props,\n lockAspectRatio = _props.lockAspectRatio,\n lockAspectRatioExtraHeight = _props.lockAspectRatioExtraHeight,\n lockAspectRatioExtraWidth = _props.lockAspectRatioExtraWidth;\n\n var scale = this.props.scale || 1;\n var _props2 = this.props,\n maxWidth = _props2.maxWidth,\n maxHeight = _props2.maxHeight,\n minWidth = _props2.minWidth,\n minHeight = _props2.minHeight;\n\n var resizeRatio = this.props.resizeRatio || 1;\n\n // TODO: refactor\n var parentSize = this.getParentSize();\n if (maxWidth && typeof maxWidth === 'string' && endsWith(maxWidth, '%')) {\n var _ratio = Number(maxWidth.replace('%', '')) / 100;\n maxWidth = parentSize.width * _ratio;\n }\n if (maxHeight && typeof maxHeight === 'string' && endsWith(maxHeight, '%')) {\n var _ratio2 = Number(maxHeight.replace('%', '')) / 100;\n maxHeight = parentSize.height * _ratio2;\n }\n if (minWidth && typeof minWidth === 'string' && endsWith(minWidth, '%')) {\n var _ratio3 = Number(minWidth.replace('%', '')) / 100;\n minWidth = parentSize.width * _ratio3;\n }\n if (minHeight && typeof minHeight === 'string' && endsWith(minHeight, '%')) {\n var _ratio4 = Number(minHeight.replace('%', '')) / 100;\n minHeight = parentSize.height * _ratio4;\n }\n maxWidth = typeof maxWidth === 'undefined' ? undefined : Number(maxWidth);\n maxHeight = typeof maxHeight === 'undefined' ? undefined : Number(maxHeight);\n minWidth = typeof minWidth === 'undefined' ? undefined : Number(minWidth);\n minHeight = typeof minHeight === 'undefined' ? undefined : Number(minHeight);\n\n var ratio = typeof lockAspectRatio === 'number' ? lockAspectRatio : original.width / original.height;\n var newWidth = original.width;\n var newHeight = original.height;\n if (/right/i.test(direction)) {\n newWidth = original.width + (clientX - original.x) * resizeRatio / scale;\n if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;\n }\n if (/left/i.test(direction)) {\n newWidth = original.width - (clientX - original.x) * resizeRatio / scale;\n if (lockAspectRatio) newHeight = (newWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;\n }\n if (/bottom/i.test(direction)) {\n newHeight = original.height + (clientY - original.y) * resizeRatio / scale;\n if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;\n }\n if (/top/i.test(direction)) {\n newHeight = original.height - (clientY - original.y) * resizeRatio / scale;\n if (lockAspectRatio) newWidth = (newHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;\n }\n\n if (this.props.bounds === 'parent') {\n var parent = this.parentNode;\n if (parent instanceof HTMLElement) {\n var parentRect = parent.getBoundingClientRect();\n var parentLeft = parentRect.left;\n var parentTop = parentRect.top;\n\n var _resizable$getBoundin = this.resizable.getBoundingClientRect(),\n _left = _resizable$getBoundin.left,\n _top = _resizable$getBoundin.top;\n\n var boundWidth = parent.offsetWidth + (parentLeft - _left);\n var boundHeight = parent.offsetHeight + (parentTop - _top);\n maxWidth = maxWidth && maxWidth < boundWidth ? maxWidth : boundWidth;\n maxHeight = maxHeight && maxHeight < boundHeight ? maxHeight : boundHeight;\n }\n } else if (this.props.bounds === 'window') {\n if (typeof window !== 'undefined') {\n var _resizable$getBoundin2 = this.resizable.getBoundingClientRect(),\n _left2 = _resizable$getBoundin2.left,\n _top2 = _resizable$getBoundin2.top;\n\n var _boundWidth = window.innerWidth - _left2;\n var _boundHeight = window.innerHeight - _top2;\n maxWidth = maxWidth && maxWidth < _boundWidth ? maxWidth : _boundWidth;\n maxHeight = maxHeight && maxHeight < _boundHeight ? maxHeight : _boundHeight;\n }\n } else if (this.props.bounds instanceof HTMLElement) {\n var targetRect = this.props.bounds.getBoundingClientRect();\n var targetLeft = targetRect.left;\n var targetTop = targetRect.top;\n\n var _resizable$getBoundin3 = this.resizable.getBoundingClientRect(),\n _left3 = _resizable$getBoundin3.left,\n _top3 = _resizable$getBoundin3.top;\n\n if (!(this.props.bounds instanceof HTMLElement)) return;\n var _boundWidth2 = this.props.bounds.offsetWidth + (targetLeft - _left3);\n var _boundHeight2 = this.props.bounds.offsetHeight + (targetTop - _top3);\n maxWidth = maxWidth && maxWidth < _boundWidth2 ? maxWidth : _boundWidth2;\n maxHeight = maxHeight && maxHeight < _boundHeight2 ? maxHeight : _boundHeight2;\n }\n\n var computedMinWidth = typeof minWidth === 'undefined' ? 10 : minWidth;\n var computedMaxWidth = typeof maxWidth === 'undefined' || maxWidth < 0 ? newWidth : maxWidth;\n var computedMinHeight = typeof minHeight === 'undefined' ? 10 : minHeight;\n var computedMaxHeight = typeof maxHeight === 'undefined' || maxHeight < 0 ? newHeight : maxHeight;\n\n if (lockAspectRatio) {\n var extraMinWidth = (computedMinHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;\n var extraMaxWidth = (computedMaxHeight - lockAspectRatioExtraHeight) * ratio + lockAspectRatioExtraWidth;\n var extraMinHeight = (computedMinWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;\n var extraMaxHeight = (computedMaxWidth - lockAspectRatioExtraWidth) / ratio + lockAspectRatioExtraHeight;\n var lockedMinWidth = Math.max(computedMinWidth, extraMinWidth);\n var lockedMaxWidth = Math.min(computedMaxWidth, extraMaxWidth);\n var lockedMinHeight = Math.max(computedMinHeight, extraMinHeight);\n var lockedMaxHeight = Math.min(computedMaxHeight, extraMaxHeight);\n newWidth = clamp(newWidth, lockedMinWidth, lockedMaxWidth);\n newHeight = clamp(newHeight, lockedMinHeight, lockedMaxHeight);\n } else {\n newWidth = clamp(newWidth, computedMinWidth, computedMaxWidth);\n newHeight = clamp(newHeight, computedMinHeight, computedMaxHeight);\n }\n if (this.props.grid) {\n newWidth = snap(newWidth, this.props.grid[0]);\n }\n if (this.props.grid) {\n newHeight = snap(newHeight, this.props.grid[1]);\n }\n\n if (this.props.snap && this.props.snap.x) {\n newWidth = findClosestSnap(newWidth, this.props.snap.x);\n }\n if (this.props.snap && this.props.snap.y) {\n newHeight = findClosestSnap(newHeight, this.props.snap.y);\n }\n\n var delta = {\n width: newWidth - original.width,\n height: newHeight - original.height\n };\n\n if (width && typeof width === 'string' && endsWith(width, '%')) {\n var percent = newWidth / parentSize.width * 100;\n newWidth = percent + '%';\n }\n\n if (height && typeof height === 'string' && endsWith(height, '%')) {\n var _percent = newHeight / parentSize.height * 100;\n newHeight = _percent + '%';\n }\n\n this.setState({\n width: this.calculateNewSize(newWidth, 'width'),\n height: this.calculateNewSize(newHeight, 'height')\n });\n\n if (this.props.onResize) {\n this.props.onResize(event, direction, this.resizable, delta);\n }\n }\n }, {\n key: 'onMouseUp',\n value: function onMouseUp(event) {\n var _state2 = this.state,\n isResizing = _state2.isResizing,\n direction = _state2.direction,\n original = _state2.original;\n\n if (!isResizing) return;\n var delta = {\n width: this.size.width - original.width,\n height: this.size.height - original.height\n };\n if (this.props.onResizeStop) {\n this.props.onResizeStop(event, direction, this.resizable, delta);\n }\n if (this.props.size) {\n this.setState(this.props.size);\n }\n this.setState({ isResizing: false, resizeCursor: 'auto' });\n }\n }, {\n key: 'updateSize',\n value: function updateSize(size) {\n this.setState({ width: size.width, height: size.height });\n }\n }, {\n key: 'renderResizer',\n value: function renderResizer() {\n var _this2 = this;\n\n var _props3 = this.props,\n enable = _props3.enable,\n handleStyles = _props3.handleStyles,\n handleClasses = _props3.handleClasses,\n handleWrapperStyle = _props3.handleWrapperStyle,\n handleWrapperClass = _props3.handleWrapperClass,\n handleComponent = _props3.handleComponent;\n\n if (!enable) return null;\n var resizers = Object.keys(enable).map(function (dir) {\n if (enable[dir] !== false) {\n return Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])(\n Resizer,\n {\n key: dir,\n direction: dir,\n onResizeStart: _this2.onResizeStart,\n replaceStyles: handleStyles && handleStyles[dir],\n className: handleClasses && handleClasses[dir]\n },\n handleComponent && handleComponent[dir] ? Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])(handleComponent[dir]) : null\n );\n }\n return null;\n });\n // #93 Wrap the resize box in span (will not break 100% width/height)\n return Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])(\n 'span',\n { className: handleWrapperClass, style: handleWrapperStyle },\n resizers\n );\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var userSelect = this.state.isResizing ? userSelectNone : userSelectAuto;\n return Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])(\n 'div',\n _extends({\n ref: function ref(c) {\n if (c) {\n _this3.resizable = c;\n }\n },\n style: _extends({\n position: 'relative'\n }, userSelect, this.props.style, this.sizeStyle, {\n maxWidth: this.props.maxWidth,\n maxHeight: this.props.maxHeight,\n minWidth: this.props.minWidth,\n minHeight: this.props.minHeight,\n boxSizing: 'border-box'\n }),\n className: this.props.className\n }, this.extendsProps),\n this.state.isResizing && Object(__WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"])('div', {\n style: {\n height: '100%',\n width: '100%',\n backgroundColor: 'rgba(0,0,0,0)',\n cursor: '' + (this.state.resizeCursor || 'auto'),\n opacity: '0',\n position: 'fixed',\n zIndex: '9999',\n top: '0',\n left: '0',\n bottom: '0',\n right: '0'\n }\n }),\n this.props.children,\n this.renderResizer()\n );\n }\n }, {\n key: 'parentNode',\n get: function get$$1() {\n return this.resizable.parentNode;\n }\n }, {\n key: 'propsSize',\n get: function get$$1() {\n return this.props.size || this.props.defaultSize;\n }\n }, {\n key: 'base',\n get: function get$$1() {\n var parent = this.parentNode;\n if (!parent) return undefined;\n var children = [].slice.call(parent.children);\n for (var i = 0; i < children.length; i += 1) {\n var n = children[i];\n if (n instanceof HTMLElement) {\n if (n.classList.contains(baseClassName)) {\n return n;\n }\n }\n }\n return undefined;\n }\n }, {\n key: 'size',\n get: function get$$1() {\n var width = 0;\n var height = 0;\n if (typeof window !== 'undefined') {\n var orgWidth = this.resizable.offsetWidth;\n var orgHeight = this.resizable.offsetHeight;\n // HACK: Set position `relative` to get parent size.\n // This is because when re-resizable set `absolute`, I can not get base width correctly.\n var orgPosition = this.resizable.style.position;\n if (orgPosition !== 'relative') {\n this.resizable.style.position = 'relative';\n }\n // INFO: Use original width or height if set auto.\n width = this.resizable.style.width !== 'auto' ? this.resizable.offsetWidth : orgWidth;\n height = this.resizable.style.height !== 'auto' ? this.resizable.offsetHeight : orgHeight;\n // Restore original position\n this.resizable.style.position = orgPosition;\n }\n return { width: width, height: height };\n }\n }, {\n key: 'sizeStyle',\n get: function get$$1() {\n var _this4 = this;\n\n var size = this.props.size;\n\n var getSize = function getSize(key) {\n if (typeof _this4.state[key] === 'undefined' || _this4.state[key] === 'auto') return 'auto';\n if (_this4.propsSize && _this4.propsSize[key] && endsWith(_this4.propsSize[key].toString(), '%')) {\n if (endsWith(_this4.state[key].toString(), '%')) return _this4.state[key].toString();\n var parentSize = _this4.getParentSize();\n var value = Number(_this4.state[key].toString().replace('px', ''));\n var percent = value / parentSize[key] * 100;\n return percent + '%';\n }\n return getStringSize(_this4.state[key]);\n };\n var width = size && typeof size.width !== 'undefined' && !this.state.isResizing ? getStringSize(size.width) : getSize('width');\n var height = size && typeof size.height !== 'undefined' && !this.state.isResizing ? getStringSize(size.height) : getSize('height');\n return { width: width, height: height };\n }\n }]);\n return Resizable;\n}(__WEBPACK_IMPORTED_MODULE_0_react__[\"Component\"]);\n\nResizable.defaultProps = {\n onResizeStart: function onResizeStart() {},\n onResize: function onResize() {},\n onResizeStop: function onResizeStop() {},\n enable: {\n top: true,\n right: true,\n bottom: true,\n left: true,\n topRight: true,\n bottomRight: true,\n bottomLeft: true,\n topLeft: true\n },\n style: {},\n grid: [1, 1],\n lockAspectRatio: false,\n lockAspectRatioExtraWidth: 0,\n lockAspectRatioExtraHeight: 0,\n scale: 1,\n resizeRatio: 1\n};\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Resizable);\n\n\n/***/ }),\n/* 820 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n componentClass: _tinperBeeCore.elementType\n};\n\nvar defaultProps = {\n componentClass: 'div',\n clsPrefix: 'u-modal-footer'\n};\n\nvar ModalFooter = function (_React$Component) {\n _inherits(ModalFooter, _React$Component);\n\n function ModalFooter() {\n _classCallCheck(this, ModalFooter);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n ModalFooter.prototype.render = function render() {\n var _props = this.props,\n Component = _props.componentClass,\n clsPrefix = _props.clsPrefix,\n className = _props.className,\n props = _objectWithoutProperties(_props, ['componentClass', 'clsPrefix', 'className']);\n\n var classes = {};\n classes['' + clsPrefix] = true;\n\n return _react2[\"default\"].createElement(Component, _extends({}, props, {\n className: (0, _classnames2[\"default\"])(className, classes)\n }));\n };\n\n return ModalFooter;\n}(_react2[\"default\"].Component);\n\nModalFooter.propTypes = propTypes;\nModalFooter.defaultProps = defaultProps;\n\nexports[\"default\"] = ModalFooter;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 821 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n\n /**\n * 是否显示关闭按钮\n */\n closeButton: _propTypes2[\"default\"].bool,\n\n /**\n * 关闭时的钩子函数\n */\n onHide: _propTypes2[\"default\"].func,\n /**\n * 自定义关闭按钮的钩子函数\n */\n renderCloseButton: _propTypes2[\"default\"].func,\n /**\n * 自定义关闭按钮的 props\n */\n closeButtonProps: _propTypes2[\"default\"].object\n};\n\nvar defaultProps = {\n 'aria-label': 'Close',\n closeButton: false,\n clsPrefix: 'u-modal-header'\n};\n\nvar contextTypes = {\n $u_modal: _propTypes2[\"default\"].shape({\n onHide: _propTypes2[\"default\"].func\n })\n};\n\nvar ModalHeader = function (_React$Component) {\n _inherits(ModalHeader, _React$Component);\n\n function ModalHeader() {\n _classCallCheck(this, ModalHeader);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n ModalHeader.prototype.render = function render() {\n var _props = this.props,\n label = _props['aria-label'],\n closeButton = _props.closeButton,\n onHide = _props.onHide,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n children = _props.children,\n renderCloseButton = _props.renderCloseButton,\n closeButtonProps = _props.closeButtonProps,\n props = _objectWithoutProperties(_props, ['aria-label', 'closeButton', 'onHide', 'className', 'clsPrefix', 'children', 'renderCloseButton', 'closeButtonProps']);\n\n var modal = this.context.$u_modal;\n var classes = {};\n classes['' + clsPrefix] = true;\n classes['dnd-handle'] = true;\n\n var closeBtnDom = _react2[\"default\"].createElement(\n 'button',\n _extends({}, closeButtonProps, {\n type: 'button',\n className: 'u-close dnd-cancel',\n 'aria-label': label,\n onClick: (0, _tinperBeeCore.createChainedFunction)(modal.onHide, onHide)\n }),\n renderCloseButton ? renderCloseButton() : _react2[\"default\"].createElement(\n 'span',\n { 'aria-hidden': 'true' },\n _react2[\"default\"].createElement('i', { className: 'uf uf-close' })\n )\n );\n return _react2[\"default\"].createElement(\n 'div',\n _extends({}, props, {\n className: (0, _classnames2[\"default\"])(className, classes)\n }),\n closeButton && closeBtnDom,\n children\n );\n };\n\n return ModalHeader;\n}(_react2[\"default\"].Component);\n\nModalHeader.propTypes = propTypes;\nModalHeader.defaultProps = defaultProps;\nModalHeader.contextTypes = contextTypes;\n\nexports[\"default\"] = ModalHeader;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 822 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n componentClass: _tinperBeeCore.elementType\n};\n\nvar defaultProps = {\n componentClass: 'h4',\n clsPrefix: 'u-modal-title'\n};\n\nvar ModalTitle = function (_React$Component) {\n _inherits(ModalTitle, _React$Component);\n\n function ModalTitle() {\n _classCallCheck(this, ModalTitle);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n ModalTitle.prototype.render = function render() {\n var _props = this.props,\n Component = _props.componentClass,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n props = _objectWithoutProperties(_props, ['componentClass', 'className', 'clsPrefix']);\n\n var classes = {};\n classes['' + clsPrefix] = true;\n classes['clearfix'] = true;\n\n return _react2[\"default\"].createElement(Component, _extends({}, props, {\n className: (0, _classnames2[\"default\"])(className, classes)\n }));\n };\n\n return ModalTitle;\n}(_react2[\"default\"].Component);\n\nModalTitle.propTypes = propTypes;\nModalTitle.defaultProps = defaultProps;\n\nexports[\"default\"] = ModalTitle;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 823 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports[\"default\"] = confirm;\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Modal = __webpack_require__(130);\n\nvar _Modal2 = _interopRequireDefault(_Modal);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _ConfirmModal = __webpack_require__(824);\n\nvar _ConfirmModal2 = _interopRequireDefault(_ConfirmModal);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar IS_REACT_16 = !!_reactDom2[\"default\"].createPortal;\n\nvar ConfirmDialog = function (_React$Component) {\n _inherits(ConfirmDialog, _React$Component);\n\n function ConfirmDialog(props) {\n _classCallCheck(this, ConfirmDialog);\n\n return _possibleConstructorReturn(this, _React$Component.call(this, props));\n }\n\n ConfirmDialog.prototype.render = function render() {\n var props = this.props;\n var onCancel = props.onCancel,\n onOk = props.onOk,\n close = props.close,\n onHide = props.onHide,\n show = props.show,\n keyboard = props.keyboard,\n centered = props.centered,\n getContainer = props.getContainer,\n backdropStyle = props.backdropStyle,\n okButtonProps = props.okButtonProps,\n cancelButtonProps = props.cancelButtonProps,\n _props$iconType = props.iconType,\n iconType = _props$iconType === undefined ? 'uf-qm-c' : _props$iconType,\n _props$locale = props.locale,\n locale = _props$locale === undefined ? {\n 'ok': '确定',\n 'gotit': '知道了',\n 'cancel': '取消'\n } : _props$locale;\n\n // 支持传入{ icon: null }来隐藏`Modal.confirm`默认的Icon\n\n var icon = props.icon === undefined ? iconType : props.icon;\n var okType = props.okType || 'primary';\n var prefixCls = props.prefixCls || 'u-modal';\n var contentPrefixCls = prefixCls + '-confirm';\n // 默认为 true，保持向下兼容\n var okCancel = 'okCancel' in props ? props.okCancel : true;\n var width = props.width || 400;\n var style = props.style || {};\n var backdrop = props.backdrop === undefined ? true : props.backdrop;\n // 默认为 false，保持旧版默认行为\n var backdropClosable = props.backdropClosable === undefined ? true : props.backdropClosable;\n // const runtimeLocale = getConfirmLocale();\n var okText = props.okText || (okCancel ? locale.ok : locale.gotit);\n var cancelText = props.cancelText || locale.cancel;\n var autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || 'ok';\n var transitionName = props.transitionName || 'zoom';\n var maskTransitionName = props.maskTransitionName || 'fade';\n\n var classString = (0, _classnames2[\"default\"])(contentPrefixCls, contentPrefixCls + '-' + props.type, props.className);\n\n var cancelButton = okCancel && _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n {\n onClick: function onClick() {\n close();onCancel ? onCancel() : function () {\n return;\n };\n },\n colors: 'secondary',\n style: { marginRight: 8 }\n },\n cancelText\n );\n var iconNode = typeof icon === 'string' ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: icon }) : icon;\n\n return _react2[\"default\"].createElement(\n _Modal2[\"default\"],\n {\n width: width,\n className: classString,\n show: show,\n onHide: close,\n backdrop: backdrop,\n backdropClosable: backdropClosable,\n centered: centered,\n keyboard: keyboard,\n backdropStyle: backdropStyle },\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Header,\n null,\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Title,\n null,\n iconNode,\n _react2[\"default\"].createElement(\n 'span',\n { className: contentPrefixCls + '-title' },\n props.title\n )\n )\n ),\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Body,\n null,\n _react2[\"default\"].createElement(\n 'div',\n { className: contentPrefixCls + '-content' },\n props.content\n )\n ),\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Footer,\n null,\n cancelButton,\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n {\n onClick: function onClick() {\n close();onOk ? onOk() : function () {\n return;\n };\n },\n colors: okType\n },\n okText\n )\n )\n );\n };\n\n return ConfirmDialog;\n}(_react2[\"default\"].Component);\n\nfunction confirm(config) {\n var div = document.createElement('div');\n document.body.appendChild(div);\n var currentConfig = _extends({}, config, { close: close, show: true });\n\n function close() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n currentConfig = _extends({}, currentConfig, {\n show: false,\n onHide: destroy.bind.apply(destroy, [this].concat(args))\n });\n if (IS_REACT_16) {\n render(currentConfig);\n } else {\n destroy.apply(undefined, args);\n }\n }\n\n function update(newConfig) {\n currentConfig = _extends({}, currentConfig, newConfig);\n render(currentConfig);\n }\n\n function destroy() {\n var unmountResult = _reactDom2[\"default\"].unmountComponentAtNode(div);\n if (unmountResult && div.parentNode) {\n div.parentNode.removeChild(div);\n }\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n var triggerCancel = args.some(function (param) {\n return param && param.triggerCancel;\n });\n if (config.onCancel && triggerCancel) {\n config.onCancel.apply(config, args);\n }\n for (var i = 0; i < _Modal.destroyFns.length; i++) {\n var fn = _Modal.destroyFns[i];\n if (fn === close) {\n _Modal.destroyFns.splice(i, 1);\n break;\n }\n }\n }\n\n function render(props) {\n _reactDom2[\"default\"].render(props.confirmType == 'one' ? _react2[\"default\"].createElement(ConfirmDialog, props) : _react2[\"default\"].createElement(_ConfirmModal2[\"default\"], props), div);\n }\n\n render(currentConfig);\n\n _Modal.destroyFns.push(close);\n\n return {\n destroy: close,\n update: update\n };\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 824 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _Modal = __webpack_require__(130);\n\nvar _Modal2 = _interopRequireDefault(_Modal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n title: _propTypes2[\"default\"].string,\n keywords: _propTypes2[\"default\"].string,\n content: _propTypes2[\"default\"].string,\n onOk: _propTypes2[\"default\"].func,\n onCancel: _propTypes2[\"default\"].func,\n show: _propTypes2[\"default\"].bool,\n locale: _propTypes2[\"default\"].object\n};\n\nvar defaultProps = {\n title: \"提示信息\",\n onOk: function onOk() {},\n onCancel: function onCancel() {},\n content: \"确认要删除吗 ?\",\n show: false,\n keyword: '删除',\n locale: {\n 'ok': '确定',\n 'gotit': '知道了',\n 'cancel': '取消'\n }\n};\n\nvar AlertDialog = function (_Component) {\n _inherits(AlertDialog, _Component);\n\n function AlertDialog(props) {\n _classCallCheck(this, AlertDialog);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.state = {\n show: true\n };\n return _this;\n }\n\n AlertDialog.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n close = _props.close,\n title = _props.title,\n keyword = _props.keyword,\n content = _props.content,\n onOk = _props.onOk,\n onCancel = _props.onCancel,\n locale = _props.locale;\n //按钮组 \n\n return _react2[\"default\"].createElement(\n 'span',\n null,\n _react2[\"default\"].createElement(\n _Modal2[\"default\"],\n {\n show: this.state.show,\n className: 'ac-confirm',\n onHide: close,\n draggable: true,\n resizable: true,\n width: 400\n },\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Header,\n { closeButton: true, className: 'ac-confirm-header' },\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Title,\n { className: 'ac-confirm-header-title' },\n title\n )\n ),\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Body,\n { className: 'ac-confirm-body' },\n _react2[\"default\"].createElement(\n 'span',\n { className: 'ac-confirm-body-title' },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-exc-c-2', className: 'ac-confirm-body-title-icon' }),\n _react2[\"default\"].createElement(\n 'span',\n { className: 'ac-confirm-body-title-keyword' },\n keyword\n )\n ),\n _react2[\"default\"].createElement(\n 'span',\n { className: 'ac-confirm-body-content' },\n content\n )\n ),\n _react2[\"default\"].createElement(\n _Modal2[\"default\"].Footer,\n { className: 'ac-confirm-footer' },\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { colors: 'primary', onClick: function onClick() {\n _this2.setState({\n show: false\n });\n onOk();\n } },\n locale.ok\n ),\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { bordered: true, onClick: function onClick() {\n _this2.setState({\n show: false\n });\n onCancel();\n } },\n locale.cancel\n )\n )\n )\n );\n };\n\n return AlertDialog;\n}(_react.Component);\n\nAlertDialog.propTypes = propTypes;\nAlertDialog.defaultProps = defaultProps;\nexports[\"default\"] = AlertDialog;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 825 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(826);\nmodule.exports = __webpack_require__(827);\n\n\n/***/ }),\n/* 826 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 827 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Breadcrumb = __webpack_require__(828);\n\nvar _Breadcrumb2 = _interopRequireDefault(_Breadcrumb);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Breadcrumb2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 828 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _BreadcrumbItem = __webpack_require__(829);\n\nvar _BreadcrumbItem2 = _interopRequireDefault(_BreadcrumbItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar defaultProps = {\n clsPrefix: 'u-breadcrumb'\n};\n\nvar Breadcrumb = function (_React$Component) {\n _inherits(Breadcrumb, _React$Component);\n\n function Breadcrumb() {\n _classCallCheck(this, Breadcrumb);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Breadcrumb.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n others = _objectWithoutProperties(_props, ['className', 'clsPrefix']);\n\n return _react2[\"default\"].createElement('ol', _extends({}, others, {\n className: (0, _classnames2[\"default\"])(className, clsPrefix)\n }));\n };\n\n return Breadcrumb;\n}(_react2[\"default\"].Component);\n\nBreadcrumb.Item = _BreadcrumbItem2[\"default\"];\nBreadcrumb.defaultProps = defaultProps;\nexports[\"default\"] = Breadcrumb;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 829 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * 如果设置成true渲染`span` 而不是 `a`\n */\n active: _propTypes2[\"default\"].bool,\n /**\n * `href` a标签href\n */\n href: _propTypes2[\"default\"].string,\n /**\n * `title` a标签title\n */\n title: _propTypes2[\"default\"].node\n};\n\nvar defaultProps = {\n active: false\n};\n\nvar BreadcrumbItem = function (_React$Component) {\n _inherits(BreadcrumbItem, _React$Component);\n\n function BreadcrumbItem() {\n _classCallCheck(this, BreadcrumbItem);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n BreadcrumbItem.prototype.render = function render() {\n var _props = this.props,\n active = _props.active,\n href = _props.href,\n title = _props.title,\n target = _props.target,\n className = _props.className,\n props = _objectWithoutProperties(_props, ['active', 'href', 'title', 'target', 'className']);\n\n var linkProps = { href: href, title: title };\n\n return _react2[\"default\"].createElement(\n 'li',\n { className: (0, _classnames2[\"default\"])(className, { active: active }) },\n href ? _react2[\"default\"].createElement('a', _extends({}, props, linkProps)) : _react2[\"default\"].createElement('span', props)\n );\n };\n\n return BreadcrumbItem;\n}(_react2[\"default\"].Component);\n\nBreadcrumbItem.propTypes = propTypes;\nBreadcrumbItem.defaultProps = defaultProps;\n\nexports[\"default\"] = BreadcrumbItem;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 830 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(831);\nmodule.exports = __webpack_require__(108);\n\n\n/***/ }),\n/* 831 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 832 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(833);\nmodule.exports = __webpack_require__(178);\n\n\n/***/ }),\n/* 833 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 834 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(835);\nmodule.exports = __webpack_require__(836);\n\n\n/***/ }),\n/* 835 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 836 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Popconfirm = __webpack_require__(837);\n\nvar _Popconfirm2 = _interopRequireDefault(_Popconfirm);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Popconfirm2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 837 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _createChainedFunction = __webpack_require__(46);\n\nvar _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);\n\nvar _splitComponent = __webpack_require__(110);\n\nvar _splitComponent2 = _interopRequireDefault(_splitComponent);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Overlay = __webpack_require__(123);\n\nvar _Overlay2 = _interopRequireDefault(_Overlay);\n\nvar _Portal = __webpack_require__(67);\n\nvar _Portal2 = _interopRequireDefault(_Portal);\n\nvar _Confirm = __webpack_require__(838);\n\nvar _Confirm2 = _interopRequireDefault(_Confirm);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar isReact16 = _reactDom2[\"default\"].createPortal !== undefined;\n\nvar propTypes = _extends({}, _Overlay2[\"default\"].propTypes, {\n\n // FIXME: This should be `defaultShow`.\n /**\n * 覆盖的初始可见性状态。对于更细微的可见性控制，请考虑直接使用覆盖组件。\n */\n defaultOverlayShown: _propTypes2[\"default\"].bool,\n\n /**\n * 第二优先级位置方向\n */\n secondPlacement: _propTypes2[\"default\"].oneOf(['top', 'right', 'bottom', 'left']),\n\n /**\n * 要覆盖在目标旁边的元素或文本。\n */\n content: _propTypes2[\"default\"].node.isRequired,\n\n /**\n * @private\n */\n onClick: _propTypes2[\"default\"].func,\n onClose: _propTypes2[\"default\"].func,\n onCancel: _propTypes2[\"default\"].func,\n\n /**\n * @private rootClose关闭时候的回调\n */\n onRootClose: _propTypes2[\"default\"].func,\n\n /**\n * 关闭按钮\n */\n close_btn: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func]),\n\n /**\n * 取消按钮\n */\n cancel_btn: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func]),\n\n // Overridden props from ``.\n /**\n * @private\n */\n target: _propTypes2[\"default\"].oneOf([null]),\n /**\n * @private\n */\n onHide: _propTypes2[\"default\"].oneOf([null]),\n /**\n * @private\n */\n // show: PropTypes.oneOf([null]),\n show: _propTypes2[\"default\"].bool\n});\n\nvar defaultProps = {\n defaultOverlayShown: false\n};\n\nvar Popconfirm = function (_Component) {\n _inherits(Popconfirm, _Component);\n\n function Popconfirm(props, context) {\n _classCallCheck(this, Popconfirm);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _this.handleToggle = _this.handleToggle.bind(_this);\n _this.handleHide = _this.handleHide.bind(_this);\n _this.makeOverlay = _this.makeOverlay.bind(_this);\n _this.handleClose = _this.handleClose.bind(_this);\n _this.handleCancel = _this.handleCancel.bind(_this);\n\n _this._mountNode = null;\n\n _this.state = {\n show: props.defaultOverlayShown\n };\n return _this;\n }\n\n Popconfirm.prototype.componentDidMount = function componentDidMount() {\n this._mountNode = document.createElement('div');\n !isReact16 && this.renderOverlay();\n if ('show' in this.props) {\n this.setState({\n show: this.props.show\n });\n }\n };\n\n Popconfirm.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n var show = this.props.show;\n\n !isReact16 && this.renderOverlay();\n if (\"show\" in this.props && prevProps.show !== show) {\n this.setState({\n show: show\n });\n }\n };\n\n Popconfirm.prototype.componentWillUnmount = function componentWillUnmount() {\n !isReact16 && _reactDom2[\"default\"].unmountComponentAtNode(this._mountNode);\n this._mountNode = null;\n };\n\n Popconfirm.prototype.handleToggle = function handleToggle() {\n\n if (!this.state.show) {\n this.show();\n }\n };\n\n Popconfirm.prototype.handleClose = function handleClose(e) {\n var onClose = this.props.onClose;\n\n \"show\" in this.props ? void 0 : this.hide();\n onClose && onClose(e);\n };\n\n Popconfirm.prototype.handleCancel = function handleCancel(e) {\n var onCancel = this.props.onCancel;\n\n \"show\" in this.props ? void 0 : this.hide();\n onCancel && onCancel(e);\n };\n\n Popconfirm.prototype.handleHide = function handleHide() {\n var onRootClose = this.props.onRootClose;\n\n onRootClose && onRootClose();\n if (!(\"show\" in this.props)) {\n this.hide();\n }\n };\n\n Popconfirm.prototype.show = function show() {\n this.setState({ show: true });\n };\n\n Popconfirm.prototype.hide = function hide() {\n this.setState({ show: false });\n };\n\n Popconfirm.prototype.makeOverlay = function makeOverlay(overlay, props) {\n return _react2[\"default\"].createElement(\n _Overlay2[\"default\"],\n _extends({}, props, {\n show: this.state.show,\n onHide: this.handleHide,\n target: this\n }),\n overlay\n );\n };\n\n Popconfirm.prototype.renderOverlay = function renderOverlay() {\n _reactDom2[\"default\"].unstable_renderSubtreeIntoContainer(this, this._overlay, this._mountNode);\n };\n\n Popconfirm.prototype.render = function render() {\n var _props = this.props,\n content = _props.content,\n children = _props.children,\n onClick = _props.onClick,\n stopbubble = _props.stopbubble,\n secondPlacement = _props.secondPlacement,\n onRootClose = _props.onRootClose,\n cancel_btn = _props.cancel_btn,\n close_btn = _props.close_btn,\n props = _objectWithoutProperties(_props, ['content', 'children', 'onClick', 'stopbubble', 'secondPlacement', 'onRootClose', 'cancel_btn', 'close_btn']);\n\n delete props.defaultOverlayShown;\n\n var _splitComponentProps = (0, _splitComponent2[\"default\"])(props, _Overlay2[\"default\"]),\n _splitComponentProps2 = _slicedToArray(_splitComponentProps, 2),\n overlayProps = _splitComponentProps2[0],\n confirmProps = _splitComponentProps2[1];\n\n var child = _react2[\"default\"].Children.only(children);\n var childProps = child.props;\n\n var overlay = _react2[\"default\"].createElement(\n _Confirm2[\"default\"],\n _extends({}, confirmProps, {\n cancel_btn: cancel_btn,\n close_btn: close_btn,\n onClose: this.handleClose,\n onCancel: this.handleCancel,\n stopbubble: stopbubble,\n secondPlacement: secondPlacement,\n placement: props.placement }),\n content\n );\n\n var triggerProps = {\n 'aria-describedby': overlay.props.id\n };\n\n // FIXME: 这里用于传递这个组件上的处理程序的逻辑是不一致的。我们不应该通过任何这些道具。\n\n triggerProps.onClick = (0, _createChainedFunction2[\"default\"])(childProps.onClick, onClick);\n\n if (!(\"show\" in this.props)) {\n triggerProps.onClick = (0, _createChainedFunction2[\"default\"])(triggerProps.onClick, this.handleToggle);\n }\n\n overlayProps.secondPlacement = secondPlacement;\n this._overlay = this.makeOverlay(overlay, overlayProps);\n\n if (!isReact16) {\n return (0, _react.cloneElement)(child, triggerProps);\n }\n triggerProps.key = 'overlay';\n\n var portal = _react2[\"default\"].createElement(\n _Portal2[\"default\"],\n {\n key: 'portal',\n container: props.container },\n this._overlay\n );\n\n return [(0, _react.cloneElement)(child, triggerProps), portal];\n };\n\n return Popconfirm;\n}(_react.Component);\n\nPopconfirm.propTypes = propTypes;\nPopconfirm.defaultProps = defaultProps;\n\nexports[\"default\"] = Popconfirm;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 838 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _i18n = __webpack_require__(839);\n\nvar _i18n2 = _interopRequireDefault(_i18n);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _tool = __webpack_require__(840);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n\n /**\n * Sets the direction the Popover is positioned towards.\n */\n placement: _propTypes2[\"default\"].oneOf(['top', 'right', 'bottom', 'left']),\n\n secondPlacement: _propTypes2[\"default\"].oneOf(['top', 'right', 'bottom', 'left']),\n renderPlacement: _propTypes2[\"default\"].oneOf(['top', 'right', 'bottom', 'left']),\n /**\n * The \"top\" position value for the Popover.\n */\n positionTop: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n /**\n * The \"left\" position value for the Popover.\n */\n positionLeft: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n\n /**\n * The \"top\" position value for the Popover arrow.\n */\n arrowOffsetTop: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n /**\n * The \"left\" position value for the Popover arrow.\n */\n arrowOffsetLeft: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n\n /**\n * 阻止冒泡\n */\n stopbubble: _propTypes2[\"default\"].number,\n\n /**\n * 关闭按钮\n */\n close_btn: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func]),\n\n /**\n * 取消按钮\n */\n cancel_btn: _propTypes2[\"default\"].oneOfType([_tinperBeeCore.componentOrElement, _propTypes2[\"default\"].func]),\n\n /**\n * Title content\n */\n title: _propTypes2[\"default\"].node,\n onClose: _propTypes2[\"default\"].func,\n onCancel: _propTypes2[\"default\"].func,\n color: _propTypes2[\"default\"].oneOf(['dark'])\n};\n\nvar defaultProps = {\n stopbubble: 0,\n placement: 'right',\n clsPrefix: 'u-popconfirm',\n locale: {}\n};\n\nvar Confirm = function (_React$Component) {\n _inherits(Confirm, _React$Component);\n\n function Confirm(props) {\n _classCallCheck(this, Confirm);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.cancel = function (e) {\n var _this$props = _this.props,\n stopbubble = _this$props.stopbubble,\n onCancel = _this$props.onCancel;\n\n stopbubble && e.stopPropagation();\n onCancel(e);\n };\n\n _this.close = function (e) {\n var _this$props2 = _this.props,\n stopbubble = _this$props2.stopbubble,\n onClose = _this$props2.onClose;\n\n stopbubble && e.stopPropagation();\n onClose(e);\n };\n\n return _this;\n }\n\n Confirm.prototype.render = function render() {\n var _classes;\n\n var _props = this.props,\n placement = _props.placement,\n positionTop = _props.positionTop,\n positionLeft = _props.positionLeft,\n arrowOffsetTop = _props.arrowOffsetTop,\n arrowOffsetLeft = _props.arrowOffsetLeft,\n clsPrefix = _props.clsPrefix,\n trigger = _props.trigger,\n title = _props.title,\n className = _props.className,\n style = _props.style,\n children = _props.children,\n locale = _props.locale,\n onClose = _props.onClose,\n color = _props.color,\n onCancel = _props.onCancel,\n stopbubble = _props.stopbubble,\n secondPlacement = _props.secondPlacement,\n renderPlacement = _props.renderPlacement,\n cancel_btn = _props.cancel_btn,\n close_btn = _props.close_btn,\n props = _objectWithoutProperties(_props, ['placement', 'positionTop', 'positionLeft', 'arrowOffsetTop', 'arrowOffsetLeft', 'clsPrefix', 'trigger', 'title', 'className', 'style', 'children', 'locale', 'onClose', 'color', 'onCancel', 'stopbubble', 'secondPlacement', 'renderPlacement', 'cancel_btn', 'close_btn']);\n\n var local = (0, _tool.getComponentLocale)(this.props, this.context, 'Popconfirm', function () {\n return _i18n2[\"default\"];\n });\n\n //const [bsProps, elementProps] = splitBsProps(props);\n\n var lastPlacement = null;\n if (\"secondPlacement\" in this.props && secondPlacement && renderPlacement) {\n lastPlacement = renderPlacement;\n } else {\n lastPlacement = placement;\n }\n var inversePlacement = null;\n if (className.includes('inverse-arrow')) {\n switch (lastPlacement) {\n case 'top':\n inversePlacement = 'bottom';\n break;\n case 'left':\n inversePlacement = 'right';\n break;\n case 'right':\n inversePlacement = 'left';\n break;\n case 'bottom':\n inversePlacement = 'top';\n break;\n }\n } else {\n inversePlacement = lastPlacement;\n }\n var resPlacement = inversePlacement ? inversePlacement : placement;\n var classes = (_classes = {}, _defineProperty(_classes, '' + clsPrefix, true), _defineProperty(_classes, resPlacement, true), _defineProperty(_classes, clsPrefix + '-' + color, color), _classes);\n\n var outerStyle = _extends({\n display: 'block',\n top: positionTop,\n left: positionLeft\n }, style);\n\n var arrowStyle = {\n top: arrowOffsetTop,\n left: arrowOffsetLeft\n };\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({}, props, {\n role: 'tooltip',\n className: (0, _classnames2[\"default\"])(className, classes),\n style: outerStyle,\n onClick: function onClick(e) {\n return stopbubble && e.stopPropagation();\n }\n }),\n _react2[\"default\"].createElement('div', { className: 'arrow', style: arrowStyle }),\n _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix + '-content') },\n children\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix + '-confirm') },\n cancel_btn ? (0, _react.cloneElement)(cancel_btn, _extends({}, cancel_btn.props, {\n onClick: this.cancel\n })) : _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { onClick: this.cancel, size: 'sm', style: { minWidth: 50 },\n shape: 'border' },\n local['cancel']\n ),\n close_btn ? (0, _react.cloneElement)(close_btn, _extends({}, close_btn.props, {\n onClick: this.close\n })) : _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { onClick: this.close, size: 'sm', style: { minWidth: 50 }, colors: 'primary' },\n local['ok']\n )\n )\n );\n };\n\n return Confirm;\n}(_react2[\"default\"].Component);\n\nConfirm.propTypes = propTypes;\nConfirm.defaultProps = defaultProps;\nConfirm.contextTypes = {\n beeLocale: _propTypes2[\"default\"].object\n};\n\nexports[\"default\"] = Confirm;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 839 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nmodule.exports = {\n 'lang': 'zh-cn',\n 'ok': '确定',\n 'cancel': '取消',\n\n 'en-us': {\n 'ok': 'ok',\n 'cancel': 'cancel'\n }\n};\n\n/***/ }),\n/* 840 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports.getComponentLocale = getComponentLocale;\nexports.getLocaleCode = getLocaleCode;\nfunction getComponentLocale(props, context, componentName, getDefaultLocale) {\n var locale = {};\n if (context && context.beeLocale && context.beeLocale[componentName]) {\n locale = context.beeLocale[componentName];\n } else {\n var defaultLocale = getDefaultLocale();\n\n locale = defaultLocale[\"default\"] || defaultLocale;\n }\n\n var result = _extends({}, locale, props.locale);\n result.lang = _extends({}, locale.lang, props.locale.lang);\n return result;\n}\n\nfunction getLocaleCode(context) {\n var localeCode = context.beeLocale && context.beeLocale.lang;\n // Had use LocaleProvide but didn't set locale\n if (context.beeLocale && context.beeLocale.exist && !localeCode) {\n return 'zh-cn';\n }\n return localeCode;\n}\n\n/***/ }),\n/* 841 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(842);\nmodule.exports = __webpack_require__(85);\n\n\n/***/ }),\n/* 842 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 843 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(844);\nmodule.exports = __webpack_require__(845);\n\n\n/***/ }),\n/* 844 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 845 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; }; // export default from './Tabs';\n// 20181211animated，scrollAnimated（ScrollableTabBarMixin），inkBarAnimated（InkTabBarMixin）都是默认为true的\n// 去掉所有的动画\n\n\nvar _createReactClass = __webpack_require__(45);\n\nvar _createReactClass2 = _interopRequireDefault(_createReactClass);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Tabs = __webpack_require__(846);\n\nvar _SearchTabs = __webpack_require__(854);\n\nvar _SearchTabs2 = _interopRequireDefault(_SearchTabs);\n\nvar _Tab = __webpack_require__(855);\n\nvar _Tab2 = _interopRequireDefault(_Tab);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar Tabs = (0, _createReactClass2[\"default\"])({\n render: function render() {\n var disableProps = {\n animated: false,\n scrollAnimated: false, // scrollableBar的class\n inkBarAnimated: false, // inkBar的class\n useTransform3d: false //是否使用translate3d來实现线条\n };\n return _react2[\"default\"].createElement(_Tabs.Tabs, _extends({}, this.props, disableProps));\n }\n});\n\nTabs.TabPane = _Tabs.Tabs.TabPane;\nTabs.SearchTabs = _SearchTabs2[\"default\"];\nTabs.SearchTabs.Item = _Tab2[\"default\"];\n\nexports[\"default\"] = Tabs;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 846 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.Tabs = undefined;\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _KeyCode = __webpack_require__(847);\n\nvar _KeyCode2 = _interopRequireDefault(_KeyCode);\n\nvar _TabPane = __webpack_require__(848);\n\nvar _TabPane2 = _interopRequireDefault(_TabPane);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nvar _TabContent = __webpack_require__(849);\n\nvar _TabContent2 = _interopRequireDefault(_TabContent);\n\nvar _ScrollableInkTabBar = __webpack_require__(850);\n\nvar _ScrollableInkTabBar2 = _interopRequireDefault(_ScrollableInkTabBar);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _createReactClass = __webpack_require__(45);\n\nvar _createReactClass2 = _interopRequireDefault(_createReactClass);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; } /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nfunction noop() {}\n\nfunction getDefaultActiveKey(props) {\n var activeKey = void 0;\n _react2[\"default\"].Children.forEach(props.children, function (child) {\n if (child && !activeKey && !child.props.disabled) {\n activeKey = child.key;\n }\n });\n return activeKey;\n}\n\nvar Tabs = (0, _createReactClass2[\"default\"])({\n propTypes: {\n destroyInactiveTabPane: _propTypes2[\"default\"].bool,\n renderTabBar: _propTypes2[\"default\"].func.isRequired,\n renderTabContent: _propTypes2[\"default\"].func.isRequired,\n onChange: _propTypes2[\"default\"].func,\n children: _propTypes2[\"default\"].any,\n clsPrefix: _propTypes2[\"default\"].string,\n className: _propTypes2[\"default\"].string,\n tabBarPosition: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].object,\n tabBarStyle: _propTypes2[\"default\"].oneOf([\"simple\", \"fill\", \"primary\", \"upborder\", \"fade\", \"downborder\", \"trapezoid\", \"editable-card\"])\n },\n\n getDefaultProps: function getDefaultProps() {\n return {\n clsPrefix: \"u-tabs\",\n destroyInactiveTabPane: false,\n onChange: noop,\n tabBarPosition: \"top\",\n style: {},\n renderTabContent: function renderTabContent() {\n return _react2[\"default\"].createElement(_TabContent2[\"default\"], null);\n },\n renderTabBar: function renderTabBar() {\n return _react2[\"default\"].createElement(_ScrollableInkTabBar2[\"default\"], null);\n },\n tabBarStyle: \"simple\",\n animated: true\n };\n },\n getInitialState: function getInitialState() {\n var props = this.props;\n var activeKey = void 0;\n if (\"activeKey\" in props) {\n activeKey = props.activeKey;\n } else if (\"defaultActiveKey\" in props) {\n activeKey = props.defaultActiveKey;\n } else {\n activeKey = getDefaultActiveKey(props);\n }\n return {\n activeKey: activeKey\n };\n },\n componentWillReceiveProps: function componentWillReceiveProps(nextProps) {\n if (\"activeKey\" in nextProps) {\n this.setState({\n activeKey: nextProps.activeKey\n });\n }\n },\n onTabClick: function onTabClick(activeKey) {\n this.props.onTabClick && this.props.onTabClick(activeKey);\n if (this.tabBar.props.onTabClick) {\n this.tabBar.props.onTabClick(activeKey);\n }\n this.setActiveKey(activeKey);\n },\n onNavKeyDown: function onNavKeyDown(e) {\n var eventKeyCode = e.keyCode;\n if (eventKeyCode === _KeyCode2[\"default\"].RIGHT || eventKeyCode === _KeyCode2[\"default\"].DOWN) {\n e.preventDefault();\n var nextKey = this.getNextActiveKey(true);\n this.onTabClick(nextKey);\n } else if (eventKeyCode === _KeyCode2[\"default\"].LEFT || eventKeyCode === _KeyCode2[\"default\"].UP) {\n e.preventDefault();\n var previousKey = this.getNextActiveKey(false);\n this.onTabClick(previousKey);\n }\n },\n setActiveKey: function setActiveKey(activeKey) {\n if (this.state.activeKey !== activeKey) {\n if (!(\"activeKey\" in this.props)) {\n this.setState({\n activeKey: activeKey\n });\n }\n this.props.onChange(activeKey);\n }\n },\n getNextActiveKey: function getNextActiveKey(next) {\n var activeKey = this.state.activeKey;\n var children = [];\n _react2[\"default\"].Children.forEach(this.props.children, function (c) {\n if (c && !c.props.disabled) {\n if (next) {\n children.push(c);\n } else {\n children.unshift(c);\n }\n }\n });\n var length = children.length;\n var ret = length && children[0].key;\n children.forEach(function (child, i) {\n if (child.key === activeKey) {\n if (i === length - 1) {\n ret = children[0].key;\n } else {\n ret = children[i + 1].key;\n }\n }\n });\n return ret;\n },\n onPrevClick: function onPrevClick(e) {\n this.props.onPrevClick && this.props.onPrevClick(e);\n },\n onNextClick: function onNextClick(e) {\n this.props.onNextClick && this.props.onNextClick(e);\n },\n createNewTab: function createNewTab(targetKey) {\n var onEdit = this.props.onEdit;\n\n if (onEdit) {\n onEdit(targetKey, 'add');\n }\n },\n removeTab: function removeTab(targetKey, e) {\n e.stopPropagation();\n if (!targetKey) {\n return;\n }\n\n var onEdit = this.props.onEdit;\n\n if (onEdit) {\n onEdit(targetKey, 'remove');\n }\n },\n render: function render() {\n var _classnames,\n _this = this;\n\n var props = this.props;\n\n var activeKey = props.activeKey,\n defaultActiveKey = props.defaultActiveKey,\n clsPrefix = props.clsPrefix,\n tabBarPosition = props.tabBarPosition,\n className = props.className,\n renderTabContent = props.renderTabContent,\n renderTabBar = props.renderTabBar,\n tabBarStyle = props.tabBarStyle,\n extraContent = props.extraContent,\n animated = props.animated,\n tabIndex = props.tabIndex,\n children = props.children,\n hideAdd = props.hideAdd,\n scrollAnimated = props.scrollAnimated,\n inkBarAnimated = props.inkBarAnimated,\n useTransform3d = props.useTransform3d,\n destroyInactiveTabPane = props.destroyInactiveTabPane,\n onTabClick = props.onTabClick,\n onEdit = props.onEdit,\n onNextClick = props.onNextClick,\n onPrevClick = props.onPrevClick,\n onChange = props.onChange,\n others = _objectWithoutProperties(props, [\"activeKey\", \"defaultActiveKey\", \"clsPrefix\", \"tabBarPosition\", \"className\", \"renderTabContent\", \"renderTabBar\", \"tabBarStyle\", \"extraContent\", \"animated\", \"tabIndex\", \"children\", \"hideAdd\", \"scrollAnimated\", \"inkBarAnimated\", \"useTransform3d\", \"destroyInactiveTabPane\", \"onTabClick\", \"onEdit\", \"onNextClick\", \"onPrevClick\", \"onChange\"]);\n\n var cls = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, clsPrefix, true), _defineProperty(_classnames, clsPrefix + \"-\" + tabBarPosition, true), _defineProperty(_classnames, className, !!className), _defineProperty(_classnames, clsPrefix + \"-\" + tabBarStyle, true), _classnames));\n\n this.tabBar = renderTabBar();\n\n // only card type tabs can be added and closed\n var childrenWithClose = [],\n tabBarExtraContent = extraContent;\n if (tabBarStyle === 'editable-card') {\n childrenWithClose = [];\n _react2[\"default\"].Children.forEach(children, function (child, index) {\n if (!_react2[\"default\"].isValidElement(child)) return child;\n var closable = child.props.closable;\n\n closable = typeof closable === 'undefined' ? true : closable;\n var closeIcon = closable ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], {\n type: \"uf-close\",\n className: clsPrefix + \"-close-x\",\n onClick: function onClick(e) {\n return _this.removeTab(child.key, e);\n }\n }) : null;\n childrenWithClose.push(_react2[\"default\"].cloneElement(child, {\n tab: _react2[\"default\"].createElement(\n \"div\",\n { className: closable ? undefined : clsPrefix + \"-tab-unclosable\" },\n child.props.tab,\n closeIcon\n ),\n key: child.key || index\n }));\n });\n // Add new tab handler\n if (!hideAdd) {\n tabBarExtraContent = _react2[\"default\"].createElement(\n \"span\",\n null,\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-add-s-o\", className: clsPrefix + \"-new-tab\", onClick: this.createNewTab }),\n extraContent\n );\n }\n }\n\n var contents = [_react2[\"default\"].cloneElement(this.tabBar, {\n clsPrefix: clsPrefix,\n key: \"tabBar\",\n onKeyDown: this.onNavKeyDown,\n tabBarPosition: tabBarPosition,\n extraContent: tabBarExtraContent,\n onTabClick: this.onTabClick,\n panels: childrenWithClose.length > 0 ? childrenWithClose : children,\n activeKey: this.state.activeKey,\n tabIndex: tabIndex,\n onPrevClick: this.onPrevClick,\n onNextClick: this.onNextClick\n }), _react2[\"default\"].cloneElement(renderTabContent(), {\n clsPrefix: clsPrefix,\n tabBarPosition: tabBarPosition,\n animated: animated,\n activeKey: this.state.activeKey,\n destroyInactiveTabPane: props.destroyInactiveTabPane,\n children: props.children,\n // style: { height: '100%' },\n onChange: this.setActiveKey,\n key: \"tabContent\"\n })];\n if (tabBarPosition === \"bottom\") {\n contents.reverse();\n }\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: cls, style: props.style }, others),\n contents\n );\n }\n});\n\nTabs.TabPane = _TabPane2[\"default\"];\n\nexports.Tabs = Tabs;\n\n/***/ }),\n/* 847 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\n/**\n* This source code is quoted from rc-tabs.\n* homepage: https://github.com/react-component/tabs\n*/\nexports[\"default\"] = {\n /**\n * LEFT\n */\n LEFT: 37, // also NUM_WEST\n /**\n * UP\n */\n UP: 38, // also NUM_NORTH\n /**\n * RIGHT\n */\n RIGHT: 39, // also NUM_EAST\n /**\n * DOWN\n */\n DOWN: 40 // also NUM_SOUTH\n};\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 848 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nvar _createReactClass = __webpack_require__(45);\n\nvar _createReactClass2 = _interopRequireDefault(_createReactClass);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nvar propTypes = {\n className: _propTypes2[\"default\"].string,\n active: _propTypes2[\"default\"].bool,\n style: _propTypes2[\"default\"].any,\n destroyInactiveTabPane: _propTypes2[\"default\"].bool,\n forceRender: _propTypes2[\"default\"].bool,\n placeholder: _propTypes2[\"default\"].node\n};\nvar defaultProps = {\n placeholder: null\n};\n\nvar TabPane = function (_Component) {\n _inherits(TabPane, _Component);\n\n function TabPane() {\n _classCallCheck(this, TabPane);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n TabPane.prototype.render = function render() {\n var _classnames;\n\n var props = this.props;\n var className = props.className,\n destroyInactiveTabPane = props.destroyInactiveTabPane,\n active = props.active,\n forceRender = props.forceRender;\n\n this._isActived = this._isActived || active;\n var clsPrefix = props.rootclsPrefix + \"-tabpane\";\n var cls = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, clsPrefix, 1), _defineProperty(_classnames, clsPrefix + \"-inactive\", !active), _defineProperty(_classnames, clsPrefix + \"-active\", active), _defineProperty(_classnames, className, className), _classnames));\n var isRender = destroyInactiveTabPane ? active : this._isActived;\n return _react2[\"default\"].createElement(\n \"div\",\n {\n style: props.style,\n role: \"tabpanel\",\n \"aria-hidden\": props.active ? \"false\" : \"true\",\n className: cls\n },\n isRender || forceRender ? props.children : props.placeholder\n );\n };\n\n return TabPane;\n}(_react.Component);\n\nTabPane.propTypes = propTypes;\nTabPane.defaultProps = defaultProps;\n\nexports[\"default\"] = TabPane;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 849 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nvar _utils = __webpack_require__(139);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _createReactClass = __webpack_require__(45);\n\nvar _createReactClass2 = _interopRequireDefault(_createReactClass);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; } /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nvar TabContent = (0, _createReactClass2[\"default\"])({\n propTypes: {\n animated: _propTypes2[\"default\"].bool,\n animatedWithMargin: _propTypes2[\"default\"].bool,\n clsPrefix: _propTypes2[\"default\"].string,\n children: _propTypes2[\"default\"].any,\n activeKey: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].any,\n tabBarPosition: _propTypes2[\"default\"].string\n },\n getDefaultProps: function getDefaultProps() {\n return {\n animated: true\n };\n },\n getTabPanes: function getTabPanes() {\n var props = this.props;\n var activeKey = props.activeKey;\n var children = props.children;\n var newChildren = [];\n\n _react2[\"default\"].Children.forEach(children, function (child) {\n if (!child) {\n return;\n }\n var key = child.key;\n var active = activeKey === key;\n newChildren.push(_react2[\"default\"].cloneElement(child, {\n active: active,\n destroyInactiveTabPane: props.destroyInactiveTabPane,\n rootclsPrefix: props.clsPrefix\n }));\n });\n\n return newChildren;\n },\n render: function render() {\n var _classnames;\n\n var props = this.props;\n var clsPrefix = props.clsPrefix,\n children = props.children,\n activeKey = props.activeKey,\n tabBarPosition = props.tabBarPosition,\n animated = props.animated,\n animatedWithMargin = props.animatedWithMargin;\n var style = props.style;\n\n var classes = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, clsPrefix + '-content', true), _defineProperty(_classnames, animated ? clsPrefix + '-content-animated' : clsPrefix + '-content-no-animated', true), _classnames));\n if (animated) {\n var activeIndex = (0, _utils.getActiveIndex)(children, activeKey);\n if (activeIndex !== -1) {\n var animatedStyle = animatedWithMargin ? (0, _utils.getMarginStyle)(activeIndex, tabBarPosition) : (0, _utils.getTransformPropValue)((0, _utils.getTransformByIndex)(activeIndex, tabBarPosition));\n style = _extends({}, style, animatedStyle);\n } else {\n style = _extends({}, style, {\n display: 'none'\n });\n }\n }\n return _react2[\"default\"].createElement(\n 'div',\n {\n className: classes,\n style: style\n },\n this.getTabPanes()\n );\n }\n});\n\nexports[\"default\"] = TabContent;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 850 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _InkTabBarMixin = __webpack_require__(851);\n\nvar _InkTabBarMixin2 = _interopRequireDefault(_InkTabBarMixin);\n\nvar _ScrollableTabBarMixin = __webpack_require__(852);\n\nvar _ScrollableTabBarMixin2 = _interopRequireDefault(_ScrollableTabBarMixin);\n\nvar _TabBarMixin = __webpack_require__(853);\n\nvar _TabBarMixin2 = _interopRequireDefault(_TabBarMixin);\n\nvar _createReactClass = __webpack_require__(45);\n\nvar _createReactClass2 = _interopRequireDefault(_createReactClass);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n/**\n* This source code is quoted from rc-tabs.\n* homepage: https://github.com/react-component/tabs\n*/\nvar ScrollableInkTabBar = (0, _createReactClass2[\"default\"])({\n mixins: [_TabBarMixin2[\"default\"], _InkTabBarMixin2[\"default\"], _ScrollableTabBarMixin2[\"default\"]],\n componentDidMount: function componentDidMount() {\n var _this = this;\n\n _reactDom2[\"default\"].findDOMNode(this).addEventListener('DNDclick', function (e) {\n if (e && e.detail && e.detail.key) {\n _this.onTabClick.call(_this, e.detail.key);\n }\n });\n },\n componentWillUnmount: function componentWillUnmount() {\n var _this2 = this;\n\n _reactDom2[\"default\"].findDOMNode(this).removeEventListener('DNDclick', function (e) {\n if (e && e.detail && e.detail.key) {\n _this2.onTabClick.call(_this2, e.detail.key);\n }\n });\n },\n render: function render() {\n var inkBarNode = this.getInkBarNode();\n var tabs = this.getTabs();\n var scrollbarNode = this.getScrollBarNode([inkBarNode, tabs]);\n return this.getRootNode(scrollbarNode);\n }\n});\n\nexports[\"default\"] = ScrollableInkTabBar;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 851 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.getScroll = getScroll;\n\nvar _utils = __webpack_require__(139);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; } /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nfunction getScroll(w, top) {\n var ret = w['page' + (top ? 'Y' : 'X') + 'Offset'];\n var method = 'scroll' + (top ? 'Top' : 'Left');\n if (typeof ret !== 'number') {\n var d = w.document;\n // ie6,7,8 standard mode\n ret = d.documentElement[method];\n if (typeof ret !== 'number') {\n // quirks mode\n ret = d.body[method];\n }\n }\n return ret;\n}\n\nfunction offset(elem) {\n var box = void 0;\n var x = void 0;\n var y = void 0;\n var doc = elem.ownerDocument;\n var body = doc.body;\n var docElem = doc && doc.documentElement;\n box = elem.getBoundingClientRect();\n x = box.left;\n y = box.top;\n x -= docElem.clientLeft || body.clientLeft || 0;\n y -= docElem.clientTop || body.clientTop || 0;\n var w = doc.defaultView || doc.parentWindow;\n x += getScroll(w);\n y += getScroll(w, true);\n return {\n left: x, top: y\n };\n}\n\nfunction _componentDidUpdate(component, init) {\n var refs = component.refs;\n var wrapNode = refs.nav || refs.root;\n var containerOffset = offset(wrapNode);\n var inkBarNode = refs.inkBar;\n var activeTab = refs.activeTab;\n var inkBarNodeStyle = inkBarNode.style;\n var tabBarPosition = component.props.tabBarPosition;\n if (init) {\n // prevent mount animation\n inkBarNodeStyle.display = 'none';\n }\n if (activeTab) {\n var tabNode = activeTab;\n var tabOffset = offset(tabNode);\n var transformSupported = (0, _utils.isTransformSupported)(inkBarNodeStyle);\n if (tabBarPosition === 'top' || tabBarPosition === 'bottom') {\n var left = tabOffset.left - containerOffset.left;\n // use 3d gpu to optimize render\n if (transformSupported && component.props.useTransform3d) {\n (0, _utils.setTransform)(inkBarNodeStyle, 'translate3d(' + left + 'px,0,0)');\n inkBarNodeStyle.width = tabNode.offsetWidth + 'px';\n inkBarNodeStyle.height = '';\n } else {\n inkBarNodeStyle.left = left + 'px';\n inkBarNodeStyle.top = '';\n inkBarNodeStyle.bottom = '';\n inkBarNodeStyle.right = wrapNode.offsetWidth - left - tabNode.offsetWidth + 'px';\n }\n } else {\n var top = tabOffset.top - containerOffset.top;\n if (transformSupported && component.props.useTransform3d) {\n (0, _utils.setTransform)(inkBarNodeStyle, 'translate3d(0,' + top + 'px,0)');\n inkBarNodeStyle.height = tabNode.offsetHeight + 'px';\n inkBarNodeStyle.width = '';\n } else {\n inkBarNodeStyle.left = '';\n inkBarNodeStyle.right = '';\n inkBarNodeStyle.top = top + 'px';\n inkBarNodeStyle.bottom = wrapNode.offsetHeight - top - tabNode.offsetHeight + 'px';\n }\n }\n }\n inkBarNodeStyle.display = activeTab ? 'block' : 'none';\n}\n\nexports[\"default\"] = {\n getDefaultProps: function getDefaultProps() {\n return {\n inkBarAnimated: true\n };\n },\n componentDidUpdate: function componentDidUpdate() {\n _componentDidUpdate(this);\n },\n componentDidMount: function componentDidMount() {\n _componentDidUpdate(this, true);\n },\n getInkBarNode: function getInkBarNode() {\n var _classnames;\n\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n styles = _props.styles,\n inkBarAnimated = _props.inkBarAnimated;\n\n var className = clsPrefix + '-ink-bar';\n var classes = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, className, true), _defineProperty(_classnames, inkBarAnimated ? className + '-animated' : className + '-no-animated', true), _classnames));\n return _react2[\"default\"].createElement('div', {\n style: styles.inkBar,\n className: classes,\n key: 'inkBar',\n ref: 'inkBar'\n });\n }\n};\n\n/***/ }),\n/* 852 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _classnames5 = __webpack_require__(3);\n\nvar _classnames6 = _interopRequireDefault(_classnames5);\n\nvar _utils = __webpack_require__(139);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; } /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nexports[\"default\"] = {\n getDefaultProps: function getDefaultProps() {\n return {\n scrollAnimated: true,\n onPrevClick: function onPrevClick() {},\n onNextClick: function onNextClick() {}\n };\n },\n getInitialState: function getInitialState() {\n this.offset = 0;\n return {\n next: false,\n prev: false\n };\n },\n componentDidMount: function componentDidMount() {\n this.componentDidUpdate();\n },\n componentDidUpdate: function componentDidUpdate(prevProps) {\n var props = this.props;\n if (prevProps && prevProps.tabBarPosition !== props.tabBarPosition) {\n this.setOffset(0);\n return;\n }\n var nextPrev = this.setNextPrev();\n // wait next, prev show hide\n /* eslint react/no-did-update-set-state:0 */\n if (this.isNextPrevShown(this.state) !== this.isNextPrevShown(nextPrev)) {\n this.setState({}, this.scrollToActiveTab);\n } else {\n // can not use props.activeKey\n if (!prevProps || props.activeKey !== prevProps.activeKey) {\n this.scrollToActiveTab();\n }\n }\n },\n setNextPrev: function setNextPrev() {\n var navNode = this.refs.nav;\n var navNodeWH = this.getOffsetWH(navNode);\n var navWrapNode = this.refs.navWrap;\n var navWrapNodeWH = this.getOffsetWH(navWrapNode);\n var offset = this.offset;\n\n var minOffset = navWrapNodeWH - navNodeWH;\n var _state = this.state,\n next = _state.next,\n prev = _state.prev;\n\n if (minOffset >= 0) {\n next = false;\n this.setOffset(0, false);\n offset = 0;\n } else if (minOffset < offset) {\n next = true;\n } else {\n next = false;\n this.setOffset(minOffset, false);\n offset = minOffset;\n }\n\n if (offset < 0) {\n prev = true;\n } else {\n prev = false;\n }\n\n this.setNext(next);\n this.setPrev(prev);\n return {\n next: next,\n prev: prev\n };\n },\n getOffsetWH: function getOffsetWH(node) {\n var tabBarPosition = this.props.tabBarPosition;\n var prop = 'offsetWidth';\n if (tabBarPosition === 'left' || tabBarPosition === 'right') {\n prop = 'offsetHeight';\n }\n return node[prop];\n },\n getOffsetLT: function getOffsetLT(node) {\n var tabBarPosition = this.props.tabBarPosition;\n var prop = 'left';\n if (tabBarPosition === 'left' || tabBarPosition === 'right') {\n prop = 'top';\n }\n return node.getBoundingClientRect()[prop];\n },\n setOffset: function setOffset(offset) {\n var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var target = Math.min(0, offset);\n if (this.offset !== target) {\n this.offset = target;\n var navOffset = {};\n var tabBarPosition = this.props.tabBarPosition;\n var useTransform3d = this.props.useTransform3d;\n var navStyle = this.refs.nav.style;\n var transformSupported = (0, _utils.isTransformSupported)(navStyle);\n if (tabBarPosition === 'left' || tabBarPosition === 'right') {\n if (transformSupported && useTransform3d) {\n navOffset = {\n value: 'translate3d(0,' + target + 'px,0)'\n };\n } else {\n navOffset = {\n name: 'top',\n value: target + 'px'\n };\n }\n } else {\n if (transformSupported && useTransform3d) {\n navOffset = {\n value: 'translate3d(' + target + 'px,0,0)'\n };\n } else {\n navOffset = {\n name: 'left',\n value: target + 'px'\n };\n }\n }\n if (transformSupported && useTransform3d) {\n (0, _utils.setTransform)(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n this.setNextPrev();\n }\n }\n },\n setPrev: function setPrev(v) {\n if (this.state.prev !== v) {\n this.setState({\n prev: v\n });\n }\n },\n setNext: function setNext(v) {\n if (this.state.next !== v) {\n this.setState({\n next: v\n });\n }\n },\n isNextPrevShown: function isNextPrevShown(state) {\n return state.next || state.prev;\n },\n scrollToActiveTab: function scrollToActiveTab() {\n var _refs = this.refs,\n activeTab = _refs.activeTab,\n navWrap = _refs.navWrap;\n\n if (activeTab) {\n var activeTabWH = this.getOffsetWH(activeTab);\n var navWrapNodeWH = this.getOffsetWH(navWrap);\n var offset = this.offset;\n\n var wrapOffset = this.getOffsetLT(navWrap);\n var activeTabOffset = this.getOffsetLT(activeTab);\n if (wrapOffset > activeTabOffset) {\n offset += wrapOffset - activeTabOffset;\n this.setOffset(offset);\n } else if (wrapOffset + navWrapNodeWH < activeTabOffset + activeTabWH) {\n offset -= activeTabOffset + activeTabWH - (wrapOffset + navWrapNodeWH);\n this.setOffset(offset);\n }\n }\n },\n prev: function prev(e) {\n this.props.onPrevClick(e);\n var navWrapNode = this.refs.navWrap;\n var navWrapNodeWH = this.getOffsetWH(navWrapNode);\n var offset = this.offset;\n\n this.setOffset(offset + navWrapNodeWH);\n },\n next: function next(e) {\n this.props.onNextClick(e);\n var navWrapNode = this.refs.navWrap;\n var navWrapNodeWH = this.getOffsetWH(navWrapNode);\n var offset = this.offset;\n\n this.setOffset(offset - navWrapNodeWH);\n },\n getScrollBarNode: function getScrollBarNode(content) {\n var _classnames3, _classnames4;\n\n var _state2 = this.state,\n next = _state2.next,\n prev = _state2.prev;\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n scrollAnimated = _props.scrollAnimated;\n\n var nextButton = void 0;\n var prevButton = void 0;\n var showNextPrev = prev || next;\n\n if (showNextPrev) {\n var _classnames, _classnames2;\n\n prevButton = _react2[\"default\"].createElement(\n 'span',\n {\n onClick: prev ? this.prev : null,\n unselectable: 'unselectable',\n className: (0, _classnames6[\"default\"])((_classnames = {}, _defineProperty(_classnames, clsPrefix + '-tab-prev', 1), _defineProperty(_classnames, clsPrefix + '-tab-btn-disabled', !prev), _classnames))\n },\n _react2[\"default\"].createElement('span', { className: clsPrefix + '-tab-prev-icon' })\n );\n\n nextButton = _react2[\"default\"].createElement(\n 'span',\n {\n onClick: next ? this.next : null,\n unselectable: 'unselectable',\n className: (0, _classnames6[\"default\"])((_classnames2 = {}, _defineProperty(_classnames2, clsPrefix + '-tab-next', 1), _defineProperty(_classnames2, clsPrefix + '-tab-btn-disabled', !next), _classnames2))\n },\n _react2[\"default\"].createElement('span', { className: clsPrefix + '-tab-next-icon' })\n );\n }\n\n var navClassName = clsPrefix + '-nav';\n var navClasses = (0, _classnames6[\"default\"])((_classnames3 = {}, _defineProperty(_classnames3, navClassName, true), _defineProperty(_classnames3, scrollAnimated ? navClassName + '-animated' : navClassName + '-no-animated', true), _classnames3));\n\n return _react2[\"default\"].createElement(\n 'div',\n {\n className: (0, _classnames6[\"default\"])((_classnames4 = {}, _defineProperty(_classnames4, clsPrefix + '-nav-container', 1), _defineProperty(_classnames4, clsPrefix + '-nav-container-scrolling', showNextPrev), _classnames4)),\n key: 'container',\n ref: 'container'\n },\n prevButton,\n nextButton,\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-nav-wrap', ref: 'navWrap' },\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-nav-scroll' },\n _react2[\"default\"].createElement(\n 'div',\n { className: navClasses, ref: 'nav' },\n content\n )\n )\n )\n );\n }\n};\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 853 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; }; /**\n * This source code is quoted from rc-tabs.\n * homepage: https://github.com/react-component/tabs\n */\n\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nexports[\"default\"] = {\n getDefaultProps: function getDefaultProps() {\n return {\n styles: {},\n tabIndex: '0'\n };\n },\n onTabClick: function onTabClick(key) {\n // debugger\n this.props.onTabClick(key);\n },\n getTabs: function getTabs() {\n var _this = this;\n\n var props = this.props;\n var children = props.panels;\n var activeKey = props.activeKey;\n var rst = [];\n var clsPrefix = props.clsPrefix;\n\n _react2[\"default\"].Children.forEach(children, function (child) {\n if (!child) {\n return;\n }\n var key = child.key;\n var cls = activeKey === key ? clsPrefix + '-tab-active' : '';\n cls += ' ' + clsPrefix + '-tab';\n var events = {};\n if (child.props.disabled) {\n cls += ' ' + clsPrefix + '-tab-disabled';\n } else {\n events = {\n onClick: _this.onTabClick.bind(_this, key)\n };\n }\n var ref = {};\n if (activeKey === key) {\n ref.ref = 'activeTab';\n }\n rst.push(_react2[\"default\"].createElement(\n 'div',\n _extends({\n role: 'tab',\n 'aria-disabled': child.props.disabled ? 'true' : 'false',\n 'aria-selected': activeKey === key ? 'true' : 'false'\n }, events, {\n className: cls + ' ' + 'cardtabs-tabitem',\n key: key\n }, ref, {\n nid: child.props.nid,\n uitype: child.props.uitype,\n nodekey: key\n }),\n child.props.tab\n ));\n });\n\n return rst;\n },\n getRootNode: function getRootNode(contents) {\n var _classnames;\n\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n onKeyDown = _props.onKeyDown,\n className = _props.className,\n extraContent = _props.extraContent,\n style = _props.style,\n tabIndex = _props.tabIndex,\n tabBarPosition = _props.tabBarPosition;\n\n var cls = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, clsPrefix + '-bar', 1), _defineProperty(_classnames, className, !!className), _classnames));\n var topOrBottom = tabBarPosition === 'top' || tabBarPosition === 'bottom';\n var tabBarExtraContentStyle = topOrBottom ? { \"float\": 'right' } : {};\n var newChildren = contents;\n if (extraContent) {\n newChildren = [_react2[\"default\"].cloneElement(_react2[\"default\"].createElement(\n 'div',\n {\n style: tabBarExtraContentStyle,\n key: 'extra',\n className: clsPrefix + '-extra-content'\n },\n extraContent\n )), _react2[\"default\"].cloneElement(contents)];\n newChildren = topOrBottom ? newChildren : newChildren.reverse();\n }\n return _react2[\"default\"].createElement(\n 'div',\n {\n role: 'tablist',\n className: cls,\n tabIndex: tabIndex,\n ref: 'root',\n onKeyDown: onKeyDown,\n style: style\n },\n newChildren\n );\n }\n};\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 854 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n clsfix: _propTypes2[\"default\"].string,\n onChange: _propTypes2[\"default\"].func,\n value: _propTypes2[\"default\"].string\n};\nvar defaultProps = {\n clsfix: 'u-search-tabs',\n onChange: function onChange() {}\n};\n\nvar SearchTabs = function (_Component) {\n _inherits(SearchTabs, _Component);\n\n function SearchTabs(props) {\n _classCallCheck(this, SearchTabs);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.getChildren = function () {\n var _this$props = _this.props,\n children = _this$props.children,\n clsfix = _this$props.clsfix;\n\n var childs = [];\n if (children.length > 1) {\n _react2[\"default\"].Children.map(children, function (child, index) {\n childs.push(_react2[\"default\"].cloneElement(child, {\n tabClick: _this.childClick,\n active: child.props.value == _this.state.activeValue,\n clsfix: clsfix\n }));\n if (index < children.length - 1) {\n childs.push(_react2[\"default\"].createElement(\n 'span',\n { className: clsfix + '-split', key: 'split-' + index },\n '|'\n ));\n }\n });\n } else {\n childs.push(_react2[\"default\"].cloneElement(children, {\n tabClick: _this.childClick,\n active: children.props.value == _this.state.activeValue,\n clsfix: clsfix\n }));\n }\n return childs;\n };\n\n _this.childClick = function (activeValue) {\n _this.setState({\n activeValue: activeValue\n });\n _this.props.onChange(activeValue);\n };\n\n _this.state = {\n activeValue: props.value\n };\n return _this;\n }\n\n SearchTabs.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if ('value' in nextProps && nextProps.value != this.state.activeValue) {\n this.setState({\n activeValue: nextProps.value\n });\n }\n };\n\n SearchTabs.prototype.render = function render() {\n var _props = this.props,\n clsfix = _props.clsfix,\n children = _props.children,\n onChange = _props.onChange,\n value = _props.value,\n others = _objectWithoutProperties(_props, ['clsfix', 'children', 'onChange', 'value']);\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: '' + clsfix }, others),\n this.getChildren()\n );\n };\n\n return SearchTabs;\n}(_react.Component);\n\n;\nSearchTabs.propTypes = propTypes;\nSearchTabs.defaultProps = defaultProps;\nexports[\"default\"] = SearchTabs;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 855 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n active: _propTypes2[\"default\"].bool, //是否active\n value: _propTypes2[\"default\"].string //唯一标示\n};\n\nvar defaultProps = {\n active: false\n};\n\nvar Tab = function (_React$Component) {\n _inherits(Tab, _React$Component);\n\n function Tab() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Tab);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.click = function () {\n _this.props.tabClick(_this.props.value);\n _this.props.onClick && _this.props.onClick(_this.props.value);\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Tab.prototype.render = function render() {\n var _props = this.props,\n clsfix = _props.clsfix,\n children = _props.children,\n active = _props.active,\n value = _props.value;\n\n var classes = clsfix + '-item';\n if (active) classes += ' active';\n return _react2[\"default\"].createElement(\n 'span',\n { className: classes, onClick: this.click, value: value },\n children\n );\n };\n\n return Tab;\n}(_react2[\"default\"].Component);\n\nTab.propTypes = propTypes;\nTab.defaultProps = defaultProps;\n\nexports[\"default\"] = Tab;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 856 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(857);\nmodule.exports = __webpack_require__(858);\n\n\n/***/ }),\n/* 857 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 858 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Cascader = __webpack_require__(859);\n\nvar _Cascader2 = _interopRequireDefault(_Cascader);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Cascader2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 859 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _index = __webpack_require__(860);\n\nvar _index2 = _interopRequireDefault(_index);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar Cascader = function (_Component) {\n _inherits(Cascader, _Component);\n\n function Cascader() {\n _classCallCheck(this, Cascader);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n Cascader.prototype.render = function render() {\n var props = this.props;\n return _react2[\"default\"].createElement(_index2[\"default\"], _extends({ prefixCls: 'u-cascader' }, props));\n };\n\n return Cascader;\n}(_react.Component);\n\n;\nCascader.propTypes = propTypes;\nCascader.defaultProps = defaultProps;\nexports[\"default\"] = Cascader;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 860 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _rcTrigger = __webpack_require__(81);\n\nvar _rcTrigger2 = _interopRequireDefault(_rcTrigger);\n\nvar _warning = __webpack_require__(20);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _tinperBeeCore2 = _interopRequireDefault(_tinperBeeCore);\n\nvar _arrayTreeFilter = __webpack_require__(249);\n\nvar _arrayTreeFilter2 = _interopRequireDefault(_arrayTreeFilter);\n\nvar _arrays = __webpack_require__(861);\n\nvar _arrays2 = _interopRequireDefault(_arrays);\n\nvar _reactLifecyclesCompat = __webpack_require__(8);\n\nvar _Menus = __webpack_require__(862);\n\nvar _Menus2 = _interopRequireDefault(_Menus);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-cascader.\n * homepage: https://github.com/react-component/cascader\n */\n\n\nvar BUILT_IN_PLACEMENTS = {\n bottomLeft: {\n points: ['tl', 'bl'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n topLeft: {\n points: ['bl', 'tl'],\n offset: [0, -4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n bottomRight: {\n points: ['tr', 'br'],\n offset: [0, 4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n },\n topRight: {\n points: ['br', 'tr'],\n offset: [0, -4],\n overflow: {\n adjustX: 1,\n adjustY: 1\n }\n }\n};\nvar self = void 0;\n\nvar Rcascader = function (_Component) {\n _inherits(Rcascader, _Component);\n\n function Rcascader(props) {\n _classCallCheck(this, Rcascader);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.setPopupVisible = function (popupVisible) {\n if (!('popupVisible' in _this.props)) {\n _this.setState({ popupVisible: popupVisible });\n }\n // sync activeValue with value when panel open\n if (popupVisible && !_this.state.popupVisible) {\n _this.setState({\n activeValue: _this.state.value\n });\n }\n _this.props.onPopupVisibleChange(popupVisible);\n };\n\n _this.handleChange = function (options, setProps, e) {\n var _this$props = _this.props,\n onChange = _this$props.onChange,\n separator = _this$props.separator;\n\n if (e.type !== 'keydown' || e.keyCode === _tinperBeeCore2[\"default\"].ENTER) {\n onChange(options.map(function (o) {\n return o[_this.getFieldName('value')];\n }), options);\n _this.setState({\n inputValue: options.map(function (o) {\n return o[_this.getFieldName('label')];\n }).join(separator)\n });\n _this.setPopupVisible(setProps.visible);\n }\n };\n\n _this.handlePopupVisibleChange = function (popupVisible) {\n _this.setPopupVisible(popupVisible);\n };\n\n _this.handleMenuSelect = function (targetOption, menuIndex, e) {\n // Keep focused state for keyboard support\n var triggerNode = _this.trigger.getRootDomNode();\n if (triggerNode && triggerNode.focus) {\n triggerNode.focus();\n }\n var _this$props2 = _this.props,\n changeOnSelect = _this$props2.changeOnSelect,\n loadData = _this$props2.loadData,\n expandTrigger = _this$props2.expandTrigger;\n\n if (!targetOption || targetOption.disabled) {\n return;\n }\n var activeValue = _this.state.activeValue;\n\n activeValue = activeValue.slice(0, menuIndex + 1);\n activeValue[menuIndex] = targetOption[_this.getFieldName('value')];\n var activeOptions = _this.getActiveOptions(activeValue);\n if (targetOption.isLeaf === false && !targetOption[_this.getFieldName('children')] && loadData) {\n if (changeOnSelect) {\n _this.handleChange(activeOptions, { visible: true }, e);\n }\n _this.setState({ activeValue: activeValue });\n loadData(activeOptions);\n return;\n }\n var newState = {};\n if (!targetOption[_this.getFieldName('children')] || !targetOption[_this.getFieldName('children')].length) {\n _this.handleChange(activeOptions, { visible: false }, e);\n // set value to activeValue when select leaf option\n newState.value = activeValue;\n // add e.type judgement to prevent `onChange` being triggered by mouseEnter\n } else if (changeOnSelect && (e.type === 'click' || e.type === 'keydown')) {\n if (expandTrigger === 'hover') {\n _this.handleChange(activeOptions, { visible: false }, e);\n } else {\n _this.handleChange(activeOptions, { visible: true }, e);\n }\n // set value to activeValue on every select\n newState.value = activeValue;\n }\n newState.activeValue = activeValue;\n // not change the value by keyboard\n if ('value' in _this.props || e.type === 'keydown' && e.keyCode !== _tinperBeeCore2[\"default\"].ENTER) {\n delete newState.value;\n }\n _this.setState(newState);\n };\n\n _this.handleItemDoubleClick = function () {\n var changeOnSelect = _this.props.changeOnSelect;\n\n if (changeOnSelect) {\n _this.setPopupVisible(false);\n }\n };\n\n _this.handleKeyDown = function (e) {\n var children = _this.props.children;\n // https://github.com/ant-design/ant-design/issues/6717\n // Don't bind keyboard support when children specify the onKeyDown\n\n if (children && children.props.onKeyDown) {\n children.props.onKeyDown(e);\n return;\n }\n var activeValue = [].concat(_toConsumableArray(_this.state.activeValue));\n var currentLevel = activeValue.length - 1 < 0 ? 0 : activeValue.length - 1;\n var currentOptions = _this.getCurrentLevelOptions();\n var currentIndex = currentOptions.map(function (o) {\n return o[_this.getFieldName('value')];\n }).indexOf(activeValue[currentLevel]);\n if (e.keyCode !== _tinperBeeCore2[\"default\"].DOWN && e.keyCode !== _tinperBeeCore2[\"default\"].UP && e.keyCode !== _tinperBeeCore2[\"default\"].LEFT && e.keyCode !== _tinperBeeCore2[\"default\"].RIGHT && e.keyCode !== _tinperBeeCore2[\"default\"].ENTER && e.keyCode !== _tinperBeeCore2[\"default\"].SPACE && e.keyCode !== _tinperBeeCore2[\"default\"].BACKSPACE && e.keyCode !== _tinperBeeCore2[\"default\"].ESC) {\n return;\n }\n // Press any keys above to reopen menu\n if (!_this.state.popupVisible && e.keyCode !== _tinperBeeCore2[\"default\"].BACKSPACE && e.keyCode !== _tinperBeeCore2[\"default\"].LEFT && e.keyCode !== _tinperBeeCore2[\"default\"].RIGHT && e.keyCode !== _tinperBeeCore2[\"default\"].ESC) {\n _this.setPopupVisible(true);\n return;\n }\n if (e.keyCode === _tinperBeeCore2[\"default\"].DOWN || e.keyCode === _tinperBeeCore2[\"default\"].UP) {\n e.preventDefault();\n var nextIndex = currentIndex;\n if (nextIndex !== -1) {\n if (e.keyCode === _tinperBeeCore2[\"default\"].DOWN) {\n nextIndex += 1;\n nextIndex = nextIndex >= currentOptions.length ? 0 : nextIndex;\n } else {\n nextIndex -= 1;\n nextIndex = nextIndex < 0 ? currentOptions.length - 1 : nextIndex;\n }\n } else {\n nextIndex = 0;\n }\n activeValue[currentLevel] = currentOptions[nextIndex][_this.getFieldName('value')];\n } else if (e.keyCode === _tinperBeeCore2[\"default\"].LEFT || e.keyCode === _tinperBeeCore2[\"default\"].BACKSPACE) {\n e.preventDefault();\n activeValue.splice(activeValue.length - 1, 1);\n } else if (e.keyCode === _tinperBeeCore2[\"default\"].RIGHT) {\n e.preventDefault();\n if (currentOptions[currentIndex] && currentOptions[currentIndex][_this.getFieldName('children')]) {\n activeValue.push(currentOptions[currentIndex][_this.getFieldName('children')][0][_this.getFieldName('value')]);\n }\n } else if (e.keyCode === _tinperBeeCore2[\"default\"].ESC) {\n _this.setPopupVisible(false);\n return;\n }\n if (!activeValue || activeValue.length === 0) {\n _this.setPopupVisible(false);\n }\n var activeOptions = _this.getActiveOptions(activeValue);\n var targetOption = activeOptions[activeOptions.length - 1];\n _this.handleMenuSelect(targetOption, activeOptions.length - 1, e);\n\n if (_this.props.onKeyDown) {\n _this.props.onKeyDown(e);\n }\n };\n\n _this.saveTrigger = function (node) {\n _this.trigger = node;\n };\n\n _this.onMouseLeave = function (e) {\n _this.setState({\n showClose: false\n });\n };\n\n _this.onMouseEnter = function (e) {\n _this.setState({\n showClose: true\n });\n };\n\n self = _this;\n var initialValue = []; //用于传给后台\n var initInputValue = \"\"; //用于显示的\n var initOptions = [];\n if ('value' in props) {\n //包裹在表单中走value\n var objectValue = _this.convertStringToObject(props.options, props, [], 0);\n initialValue = objectValue || [];\n initInputValue = objectValue.map(function (o) {\n return o.label;\n }).join(props.separator) || '';\n } else if ('defaultValue' in props) {\n //单独使用则直接设置defaultValue\n initialValue = props.defaultValue.map(function (o) {\n return o.value;\n }) || [];\n initInputValue = props.defaultValue.map(function (o) {\n return o.label;\n }).join(props.separator) || '';\n } else if ('options' in props) {\n initOptions = props.options || [];\n }\n\n (0, _warning2[\"default\"])(!('filedNames' in props), '`filedNames` of Cascader is a typo usage and deprecated, please use `fieldNames` instead.');\n\n _this.state = {\n popupVisible: props.popupVisible,\n activeValue: initialValue,\n value: initialValue,\n prevProps: props,\n showClose: false, //是否显示清空按钮\n inputValue: initInputValue //输入框显示的值\n };\n _this.defaultFieldNames = { label: 'label', value: 'value', children: 'children' };\n return _this;\n }\n\n Rcascader.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, prevState) {\n var _prevState$prevProps = prevState.prevProps,\n prevProps = _prevState$prevProps === undefined ? {} : _prevState$prevProps;\n\n var newState = {\n prevProps: nextProps\n };\n\n if ('value' in nextProps && !(0, _arrays2[\"default\"])(prevProps.value, nextProps.value)) {\n newState.value = nextProps.value || [];\n\n // allow activeValue diff from value\n if (!('loadData' in nextProps)) {\n newState.activeValue = nextProps.value || [];\n }\n newState.inputValue = self.convertStringToObject(self.props.options, nextProps, [], 0).map(function (o) {\n return o.label;\n }).join(nextProps.separator) || '';\n }\n if ('popupVisible' in nextProps) {\n newState.popupVisible = nextProps.popupVisible;\n }\n if ('options' in nextProps) {\n newState.options = nextProps.options || [];\n }\n if ('inputValue' in nextProps) {\n newState.inputValue = nextProps.inputValue;\n }\n\n return newState;\n };\n\n Rcascader.prototype.getPopupDOMNode = function getPopupDOMNode() {\n return this.trigger.getPopupDomNode();\n };\n\n Rcascader.prototype.getFieldName = function getFieldName(name) {\n var defaultFieldNames = this.defaultFieldNames;\n var _props = this.props,\n fieldNames = _props.fieldNames,\n filedNames = _props.filedNames;\n\n if ('filedNames' in this.props) {\n return filedNames[name] || defaultFieldNames[name]; // For old compatibility\n }\n return fieldNames[name] || defaultFieldNames[name];\n };\n\n Rcascader.prototype.getFieldNames = function getFieldNames() {\n var _props2 = this.props,\n fieldNames = _props2.fieldNames,\n filedNames = _props2.filedNames;\n\n if ('filedNames' in this.props) {\n return filedNames; // For old compatibility\n }\n return fieldNames;\n };\n\n Rcascader.prototype.getCurrentLevelOptions = function getCurrentLevelOptions() {\n var _this2 = this;\n\n var _props$options = this.props.options,\n options = _props$options === undefined ? [] : _props$options;\n var _state$activeValue = this.state.activeValue,\n activeValue = _state$activeValue === undefined ? [] : _state$activeValue;\n\n var result = (0, _arrayTreeFilter2[\"default\"])(options, function (o, level) {\n return o[_this2.getFieldName('value')] === activeValue[level];\n }, { childrenKeyName: this.getFieldName('children') });\n if (result[result.length - 2]) {\n return result[result.length - 2][this.getFieldName('children')];\n }\n return [].concat(_toConsumableArray(options)).filter(function (o) {\n return !o.disabled;\n });\n };\n\n Rcascader.prototype.getActiveOptions = function getActiveOptions(activeValue) {\n var _this3 = this;\n\n return (0, _arrayTreeFilter2[\"default\"])(this.props.options || [], function (o, level) {\n return o[_this3.getFieldName('value')] === activeValue[level];\n }, { childrenKeyName: this.getFieldName('children') });\n };\n\n Rcascader.prototype.resetValue = function resetValue(e) {\n e.stopPropagation();\n e.preventDefault();\n this.handlePopupVisibleChange(false);\n this.setState({\n inputValue: '',\n activeValue: [],\n value: []\n });\n this.props.onChange && this.props.onChange('');\n };\n\n Rcascader.prototype.convertStringToObject = function convertStringToObject(options, props, objectValue, count) {\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = options[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var item = _step.value;\n\n if (item.value === props.value[count]) {\n var deepCopyItem = JSON.parse(JSON.stringify(item));\n if (item.children) {\n delete deepCopyItem.children;\n objectValue.push(deepCopyItem);\n this.convertStringToObject(item.children, props, objectValue, ++count);\n } else {\n objectValue.push(deepCopyItem);\n break;\n }\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator[\"return\"]) {\n _iterator[\"return\"]();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n return objectValue;\n };\n\n Rcascader.prototype.render = function render() {\n var _this4 = this;\n\n var _state = this.state,\n showClose = _state.showClose,\n popupVisible = _state.popupVisible,\n inputValue = _state.inputValue,\n options = _state.options,\n activeValue = _state.activeValue,\n value = _state.value;\n\n var _props3 = this.props,\n prefixCls = _props3.prefixCls,\n transitionName = _props3.transitionName,\n popupClassName = _props3.popupClassName,\n size = _props3.size,\n disabled = _props3.disabled,\n builtinPlacements = _props3.builtinPlacements,\n popupPlacement = _props3.popupPlacement,\n children = _props3.children,\n placeholder = _props3.placeholder,\n restProps = _objectWithoutProperties(_props3, ['prefixCls', 'transitionName', 'popupClassName', 'size', 'disabled', 'builtinPlacements', 'popupPlacement', 'children', 'placeholder']);\n // Did not show popup when there is no options\n\n\n var menus = _react2[\"default\"].createElement('div', null);\n var emptyMenuClassName = '';\n var iconClass = !popupVisible ? \"uf-treearrow-down\" : \"uf-gridcaretarrowup\";\n if (options && options.length > 0) {\n menus = _react2[\"default\"].createElement(_Menus2[\"default\"], _extends({}, this.props, {\n fieldNames: this.getFieldNames(),\n defaultFieldNames: this.defaultFieldNames,\n activeValue: this.state.activeValue,\n onSelect: this.handleMenuSelect,\n onItemDoubleClick: this.handleItemDoubleClick,\n visible: this.state.popupVisible,\n value: this.state.value\n }));\n } else {\n emptyMenuClassName = ' ' + prefixCls + '-menus-empty';\n }\n return _react2[\"default\"].createElement(\n _rcTrigger2[\"default\"],\n _extends({\n ref: this.saveTrigger\n }, restProps, {\n options: options,\n disabled: disabled,\n popupPlacement: popupPlacement,\n builtinPlacements: builtinPlacements,\n popupTransitionName: transitionName,\n action: disabled ? [] : ['click'],\n popupVisible: disabled ? false : this.state.popupVisible,\n onPopupVisibleChange: this.handlePopupVisibleChange,\n prefixCls: prefixCls + '-menus',\n popupClassName: popupClassName + emptyMenuClassName,\n popup: menus\n }),\n _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n { simple: true, className: prefixCls + '-input-group',\n onMouseEnter: this.onMouseEnter,\n onMouseLeave: this.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n disabled: disabled ? true : false,\n placeholder: placeholder,\n value: inputValue,\n size: size,\n type: 'text',\n readOnly: true\n }),\n inputValue && showClose ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: 'border',\n onClick: function onClick(e) {\n return _this4.resetValue(e);\n } },\n _react2[\"default\"].createElement('i', { className: 'uf uf-close-c' })\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: 'border',\n onClick: function onClick(e) {\n _this4.props.keyboardInput ? _this4.iconClick(e) : '';\n } },\n _react2[\"default\"].createElement('i', { className: 'uf ' + iconClass })\n )\n )\n );\n };\n\n return Rcascader;\n}(_react.Component);\n\nRcascader.defaultProps = {\n onChange: function onChange() {},\n onPopupVisibleChange: function onPopupVisibleChange() {},\n\n size: 'md',\n disabled: false,\n transitionName: '',\n prefixCls: 'rc-cascader',\n defaultValue: [],\n popupClassName: '',\n popupPlacement: 'bottomLeft',\n builtinPlacements: BUILT_IN_PLACEMENTS,\n expandTrigger: 'click',\n fieldNames: { label: 'label', value: 'value', children: 'children' },\n expandIcon: _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-arrow-right' }),\n separator: '/ '\n};\n\nRcascader.propTypes = {\n size: _propTypes2[\"default\"].string,\n value: _propTypes2[\"default\"].array,\n defaultValue: _propTypes2[\"default\"].array,\n options: _propTypes2[\"default\"].array.isRequired,\n onChange: _propTypes2[\"default\"].func,\n onPopupVisibleChange: _propTypes2[\"default\"].func,\n popupVisible: _propTypes2[\"default\"].bool,\n disabled: _propTypes2[\"default\"].bool,\n transitionName: _propTypes2[\"default\"].string,\n popupClassName: _propTypes2[\"default\"].string,\n popupPlacement: _propTypes2[\"default\"].string,\n prefixCls: _propTypes2[\"default\"].string,\n dropdownMenuColumnStyle: _propTypes2[\"default\"].object,\n builtinPlacements: _propTypes2[\"default\"].object,\n loadData: _propTypes2[\"default\"].func,\n changeOnSelect: _propTypes2[\"default\"].bool,\n children: _propTypes2[\"default\"].node,\n onKeyDown: _propTypes2[\"default\"].func,\n expandTrigger: _propTypes2[\"default\"].string,\n fieldNames: _propTypes2[\"default\"].object,\n filedNames: _propTypes2[\"default\"].object, // typo but for compatibility\n expandIcon: _propTypes2[\"default\"].node,\n loadingIcon: _propTypes2[\"default\"].node,\n inputValue: _propTypes2[\"default\"].string,\n separator: _propTypes2[\"default\"].string\n};\n\n(0, _reactLifecyclesCompat.polyfill)(Rcascader);\n\nexports[\"default\"] = Rcascader;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 861 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nfunction shallowEqualArrays(arrA, arrB) {\n if (arrA === arrB) {\n return true;\n }\n\n if (!arrA || !arrB) {\n return false;\n }\n\n var len = arrA.length;\n\n if (arrB.length !== len) {\n return false;\n }\n\n for (var i = 0; i < len; i++) {\n if (arrA[i] !== arrB[i]) {\n return false;\n }\n }\n\n return true;\n}\n\nmodule.exports = shallowEqualArrays;\n\n\n/***/ }),\n/* 862 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _arrayTreeFilter = __webpack_require__(249);\n\nvar _arrayTreeFilter2 = _interopRequireDefault(_arrayTreeFilter);\n\nvar _reactDom = __webpack_require__(4);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-cascader.\n * homepage: https://github.com/react-component/cascader\n */\n\n\nvar Menus = function (_React$Component) {\n _inherits(Menus, _React$Component);\n\n function Menus(props) {\n _classCallCheck(this, Menus);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.saveMenuItem = function (index) {\n return function (node) {\n _this.menuItems[index] = node;\n };\n };\n\n _this.menuItems = {};\n return _this;\n }\n\n Menus.prototype.componentDidMount = function componentDidMount() {\n this.scrollActiveItemToView();\n };\n\n Menus.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n if (!prevProps.visible && this.props.visible) {\n this.scrollActiveItemToView();\n }\n };\n\n Menus.prototype.getFieldName = function getFieldName(name) {\n var _props = this.props,\n fieldNames = _props.fieldNames,\n defaultFieldNames = _props.defaultFieldNames;\n // 防止只设置单个属性的名字\n\n return fieldNames[name] || defaultFieldNames[name];\n };\n\n Menus.prototype.getOption = function getOption(option, menuIndex) {\n var _props2 = this.props,\n prefixCls = _props2.prefixCls,\n expandTrigger = _props2.expandTrigger,\n expandIcon = _props2.expandIcon,\n loadingIcon = _props2.loadingIcon;\n\n var onSelect = this.props.onSelect.bind(this, option, menuIndex);\n var onItemDoubleClick = this.props.onItemDoubleClick.bind(this, option, menuIndex);\n var expandProps = {\n onClick: onSelect,\n onDoubleClick: onItemDoubleClick\n };\n var menuItemCls = prefixCls + '-menu-item';\n var expandIconNode = null;\n var hasChildren = option[this.getFieldName('children')] && option[this.getFieldName('children')].length > 0;\n if (hasChildren || option.isLeaf === false) {\n menuItemCls += ' ' + prefixCls + '-menu-item-expand';\n if (!option.loading) {\n expandIconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-menu-item-expand-icon' },\n expandIcon\n );\n }\n }\n if (expandTrigger === 'hover' && hasChildren) {\n expandProps = {\n onMouseEnter: this.delayOnSelect.bind(this, onSelect),\n onMouseLeave: this.delayOnSelect.bind(this),\n onClick: onSelect\n };\n }\n if (this.isActiveOption(option, menuIndex)) {\n menuItemCls += ' ' + prefixCls + '-menu-item-active';\n expandProps.ref = this.saveMenuItem(menuIndex);\n }\n if (option.disabled) {\n menuItemCls += ' ' + prefixCls + '-menu-item-disabled';\n }\n\n var loadingIconNode = null;\n if (option.loading) {\n menuItemCls += ' ' + prefixCls + '-menu-item-loading';\n loadingIconNode = loadingIcon || null;\n }\n var title = '';\n if (option.title) {\n title = option.title;\n } else if (typeof option[this.getFieldName('label')] === 'string') {\n title = option[this.getFieldName('label')];\n }\n\n return _react2[\"default\"].createElement(\n 'li',\n _extends({\n key: option[this.getFieldName('value')],\n className: menuItemCls,\n title: title\n }, expandProps),\n option[this.getFieldName('label')],\n expandIconNode,\n loadingIconNode\n );\n };\n\n Menus.prototype.getActiveOptions = function getActiveOptions(values) {\n var _this2 = this;\n\n var activeValue = values || this.props.activeValue;\n var options = this.props.options;\n return (0, _arrayTreeFilter2[\"default\"])(options, function (o, level) {\n return o[_this2.getFieldName('value')] === activeValue[level];\n }, { childrenKeyName: this.getFieldName('children') });\n };\n\n Menus.prototype.getShowOptions = function getShowOptions() {\n var _this3 = this;\n\n var options = this.props.options;\n\n var result = this.getActiveOptions().map(function (activeOption) {\n return activeOption[_this3.getFieldName('children')];\n }).filter(function (activeOption) {\n return !!activeOption;\n });\n result.unshift(options);\n return result;\n };\n\n Menus.prototype.delayOnSelect = function delayOnSelect(onSelect) {\n var _this4 = this;\n\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n if (this.delayTimer) {\n clearTimeout(this.delayTimer);\n this.delayTimer = null;\n }\n if (typeof onSelect === 'function') {\n this.delayTimer = setTimeout(function () {\n onSelect(args);\n _this4.delayTimer = null;\n }, 150);\n }\n };\n\n Menus.prototype.scrollActiveItemToView = function scrollActiveItemToView() {\n // scroll into view\n var optionsLength = this.getShowOptions().length;\n for (var i = 0; i < optionsLength; i++) {\n var itemComponent = this.menuItems[i];\n if (itemComponent) {\n var target = (0, _reactDom.findDOMNode)(itemComponent);\n target.parentNode.scrollTop = target.offsetTop;\n }\n }\n };\n\n Menus.prototype.isActiveOption = function isActiveOption(option, menuIndex) {\n var _props$activeValue = this.props.activeValue,\n activeValue = _props$activeValue === undefined ? [] : _props$activeValue;\n\n return activeValue[menuIndex] === option[this.getFieldName('value')];\n };\n\n Menus.prototype.render = function render() {\n var _this5 = this;\n\n var _props3 = this.props,\n prefixCls = _props3.prefixCls,\n dropdownMenuColumnStyle = _props3.dropdownMenuColumnStyle;\n\n return _react2[\"default\"].createElement(\n 'div',\n null,\n this.getShowOptions().map(function (options, menuIndex) {\n return _react2[\"default\"].createElement(\n 'ul',\n { className: prefixCls + '-menu', key: menuIndex, style: dropdownMenuColumnStyle },\n options.map(function (option) {\n return _this5.getOption(option, menuIndex);\n })\n );\n })\n );\n };\n\n return Menus;\n}(_react2[\"default\"].Component);\n\nMenus.defaultProps = {\n options: [],\n value: [],\n activeValue: [],\n onSelect: function onSelect() {},\n\n prefixCls: 'rc-cascader-menus',\n visible: false,\n expandTrigger: 'click'\n};\n\nMenus.propTypes = {\n value: _propTypes2[\"default\"].array,\n activeValue: _propTypes2[\"default\"].array,\n options: _propTypes2[\"default\"].array,\n prefixCls: _propTypes2[\"default\"].string,\n expandTrigger: _propTypes2[\"default\"].string,\n onSelect: _propTypes2[\"default\"].func,\n visible: _propTypes2[\"default\"].bool,\n dropdownMenuColumnStyle: _propTypes2[\"default\"].object,\n defaultFieldNames: _propTypes2[\"default\"].object,\n fieldNames: _propTypes2[\"default\"].object,\n expandIcon: _propTypes2[\"default\"].node,\n loadingIcon: _propTypes2[\"default\"].node,\n onItemDoubleClick: _propTypes2[\"default\"].func\n};\n\nexports[\"default\"] = Menus;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 863 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(864);\nmodule.exports = __webpack_require__(250);\n\n\n/***/ }),\n/* 864 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 865 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nvar _Portal = __webpack_require__(67);\n\nvar _Portal2 = _interopRequireDefault(_Portal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar loadImg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNDIgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT53aW5kb3U8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjQ5Ljc3NzAwMDElIiB5MT0iOTkuOTg4NjY2NyUiIHgyPSI0OS43NzcwMDAxJSIgeTI9IjIyLjc5MTY5ODQlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MkQ5MDAiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMC4wNzY1JSIgeTE9IjQ5LjgwNDUlIiB4Mj0iODQuMDAyMTY0NCUiIHkyPSI0OS44MDQ1JSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZCRTBFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjIyOTUwMDElIiB5MT0iLTAuMDgwOTk5OTQyOSUiIHgyPSI1MC4yMjk1MDAxJSIgeTI9IjgwLjA2MTg4MjglIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ3NDciIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOTkuOTI1NjY2NyUiIHkxPSI0OS45MTglIiB4Mj0iMjQuMjY5MjQwMyUiIHkyPSI0OS45MTglIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDhDREMiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLop4blm74vbG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IndpbmRvdSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5YiG57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBvcGFjaXR5PSIwLjQ5OTM3MjIxIiB4PSIwLjQwOTA5MDkwOSIgeT0iMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjM0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzAwQzg2NCIgY3g9IjYuNDA5MDkwOTEiIGN5PSIzNC4yNjY3MDkxIiByPSI2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSLliIbnu4QtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40NTE3MjksIDI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIG9wYWNpdHk9IjAuNTA5MDIxNTc3IiB4PSI2LjI2MjM1NTk1IiB5PSIzLjU1MjcxMzY4ZS0xNSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGQkUwRSIgY3g9IjYuNTAyODE2OSIgY3k9IjYiIHI9IjYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuWIhue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0zKSIgb3BhY2l0eT0iMC41MDEyMzIzMjkiIHg9Ii0yLjY1NTY1MzQ3ZS0xMyIgeT0iNS43ODgyMTI4MSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjM0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGNDc0NyIgY3g9IjYiIGN5PSI2IiByPSI2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC45NTQ1NDUsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgb3BhY2l0eT0iMC41MDQxODUyNjgiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIxMS45NDI2NTY5Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzAwOENEQyIgY3g9IjM1IiBjeT0iNiIgcj0iNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==';\n\nvar propTypes = {\n /**\n * @title 默认的公共类\n */\n clsPrefix: _propTypes2[\"default\"].string,\n clsLoadBack: _propTypes2[\"default\"].string,\n /**\n * @title 不同loading样式\n */\n loadingType: _propTypes2[\"default\"].oneOf([\"rotate\", \"line\", \"custom\"]),\n\n /**\n * @title 不同尺寸\n */\n size: _propTypes2[\"default\"].oneOf([\"sm\", \"lg\"]),\n /**\n * @title 不同颜色\n */\n color: _propTypes2[\"default\"].oneOf([\"primary\", \"success\", \"warning\", \"\"]),\n /**\n * @title 是否全屏loading\n */\n fullScreen: _propTypes2[\"default\"].bool,\n wrapperClassName: _propTypes2[\"default\"].string,\n tip: _propTypes2[\"default\"].string\n};\n\nvar defaultProps = {\n clsPrefix: \"u-loading\",\n clsLoadBack: \"u-loading-back\",\n loadingType: \"rotate\",\n color: \"\",\n showBackDrop: true,\n fullScreen: false,\n wrapperClassName: \"\"\n};\n\nvar isReact16 = _reactDom2[\"default\"].createPortal !== undefined;\n\nvar Loading = function (_Component) {\n _inherits(Loading, _Component);\n\n function Loading(props) {\n _classCallCheck(this, Loading);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n Loading.prototype.componentDidMount = function componentDidMount() {\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n container = _props.container;\n\n if (isReact16 && container) {\n this.portalContainerNode = this.getContainer(this.props.container);\n this.portalContainerNode.className += \" \" + clsPrefix + \"-container\";\n }\n };\n\n Loading.prototype.getContainer = function getContainer(container, defaultContainer) {\n container = typeof container === 'function' ? container() : container;\n return _reactDom2[\"default\"].findDOMNode(container) || defaultContainer;\n };\n\n Loading.prototype.render = function render() {\n var _classnames, _backClassObj;\n\n var _props2 = this.props,\n clsPrefix = _props2.clsPrefix,\n clsLoadBack = _props2.clsLoadBack,\n loadingType = _props2.loadingType,\n size = _props2.size,\n color = _props2.color,\n show = _props2.show,\n showBackDrop = _props2.showBackDrop,\n container = _props2.container,\n children = _props2.children,\n fullScreen = _props2.fullScreen,\n wrapperClassName = _props2.wrapperClassName,\n indicator = _props2.indicator,\n tip = _props2.tip,\n others = _objectWithoutProperties(_props2, [\"clsPrefix\", \"clsLoadBack\", \"loadingType\", \"size\", \"color\", \"show\", \"showBackDrop\", \"container\", \"children\", \"fullScreen\", \"wrapperClassName\", \"indicator\", \"tip\"]);\n\n if (!show) return null;\n\n var clsObj = (0, _classnames3[\"default\"])(clsPrefix, (_classnames = {}, _defineProperty(_classnames, clsPrefix + \"-\" + loadingType, true), _defineProperty(_classnames, clsPrefix + \"-\" + loadingType + \"-sm\", size === 'sm'), _defineProperty(_classnames, clsPrefix + \"-\" + loadingType + \"-lg\", size === 'lg'), _defineProperty(_classnames, clsPrefix + \"-\" + loadingType + \"-\" + color, !!color), _defineProperty(_classnames, clsPrefix + \"-show-text\", !!tip), _classnames), wrapperClassName);\n\n var classes = (0, _classnames3[\"default\"])(clsPrefix, clsObj);\n\n var dom = \"\";\n\n if (loadingType === \"custom\" && !!indicator) {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes }, others),\n _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-spin\" },\n indicator\n ),\n tip ? _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n tip\n ) : null\n ),\n !tip && children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n } else if (loadingType === \"rotate\") {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes }, others),\n _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-spin\" },\n _react2[\"default\"].createElement(\"img\", { src: loadImg })\n ),\n tip ? _react2[\"default\"].createElement(\n \"p\",\n { className: clsPrefix + \"-desc\" },\n tip\n ) : null\n ),\n !tip && children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n } else if (loadingType === \"line\") {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes }, others),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null)\n ),\n tip ? _react2[\"default\"].createElement(\n \"p\",\n { className: clsPrefix + \"-desc\" },\n tip\n ) : null,\n !tip && children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n }\n\n var backClassObj = (_backClassObj = {}, _defineProperty(_backClassObj, clsPrefix + \"-backdrop\", true), _defineProperty(_backClassObj, \"full-screen\", fullScreen), _backClassObj);\n\n if (showBackDrop) {\n dom = _react2[\"default\"].createElement(\n \"div\",\n { className: (0, _classnames3[\"default\"])(backClassObj) },\n dom\n );\n }\n\n return typeof window !== 'undefined' ? _react2[\"default\"].createElement(\n _Portal2[\"default\"],\n { container: container },\n dom\n ) : _react2[\"default\"].createElement(\n \"div\",\n null,\n dom\n );\n };\n\n return Loading;\n}(_react.Component);\n\nLoading.propTypes = propTypes;\nLoading.defaultProps = defaultProps;\n\nexports[\"default\"] = Loading;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 866 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(867);\nmodule.exports = __webpack_require__(868);\n\n\n/***/ }),\n/* 867 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 868 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar Table = __webpack_require__(869);\nvar Column = __webpack_require__(390);\nvar ColumnGroup = __webpack_require__(391);\n\nTable.Column = Column;\nTable.ColumnGroup = ColumnGroup;\n\nmodule.exports = Table;\n\n/***/ }),\n/* 869 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _componentClasses = __webpack_require__(60);\n\nvar _componentClasses2 = _interopRequireDefault(_componentClasses);\n\nvar _TableRow = __webpack_require__(870);\n\nvar _TableRow2 = _interopRequireDefault(_TableRow);\n\nvar _TableHeader = __webpack_require__(875);\n\nvar _TableHeader2 = _interopRequireDefault(_TableHeader);\n\nvar _utils = __webpack_require__(87);\n\nvar _shallowequal = __webpack_require__(47);\n\nvar _shallowequal2 = _interopRequireDefault(_shallowequal);\n\nvar _addEventListener = __webpack_require__(111);\n\nvar _addEventListener2 = _interopRequireDefault(_addEventListener);\n\nvar _ColumnManager = __webpack_require__(898);\n\nvar _ColumnManager2 = _interopRequireDefault(_ColumnManager);\n\nvar _createStore = __webpack_require__(899);\n\nvar _createStore2 = _interopRequireDefault(_createStore);\n\nvar _beeLoading = __webpack_require__(900);\n\nvar _beeLoading2 = _interopRequireDefault(_beeLoading);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _i18n = __webpack_require__(140);\n\nvar _i18n2 = _interopRequireDefault(_i18n);\n\nvar _tool = __webpack_require__(141);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n data: _propTypes2[\"default\"].array,\n expandIconAsCell: _propTypes2[\"default\"].bool,\n defaultExpandAllRows: _propTypes2[\"default\"].bool,\n expandedRowKeys: _propTypes2[\"default\"].array,\n defaultExpandedRowKeys: _propTypes2[\"default\"].array,\n useFixedHeader: _propTypes2[\"default\"].bool,\n columns: _propTypes2[\"default\"].array,\n clsPrefix: _propTypes2[\"default\"].string,\n bodyStyle: _propTypes2[\"default\"].object,\n style: _propTypes2[\"default\"].object,\n //特殊的渲染规则的key值\n rowKey: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].func]),\n rowClassName: _propTypes2[\"default\"].func,\n expandedRowClassName: _propTypes2[\"default\"].func,\n childrenColumnName: _propTypes2[\"default\"].string,\n onExpand: _propTypes2[\"default\"].func,\n onRowHover: _propTypes2[\"default\"].func,\n onExpandedRowsChange: _propTypes2[\"default\"].func,\n indentSize: _propTypes2[\"default\"].number,\n onRowClick: _propTypes2[\"default\"].func,\n onRowDoubleClick: _propTypes2[\"default\"].func,\n expandIconColumnIndex: _propTypes2[\"default\"].number,\n //是否显示表头\n showHeader: _propTypes2[\"default\"].bool,\n title: _propTypes2[\"default\"].func,\n footer: _propTypes2[\"default\"].func,\n emptyText: _propTypes2[\"default\"].func,\n scroll: _propTypes2[\"default\"].object,\n rowRef: _propTypes2[\"default\"].func,\n getBodyWrapper: _propTypes2[\"default\"].func,\n children: _propTypes2[\"default\"].node,\n draggable: _propTypes2[\"default\"].bool,\n minColumnWidth: _propTypes2[\"default\"].number,\n filterable: _propTypes2[\"default\"].bool,\n filterDelay: _propTypes2[\"default\"].number,\n onFilterChange: _propTypes2[\"default\"].func,\n onFilterClear: _propTypes2[\"default\"].func,\n syncHover: _propTypes2[\"default\"].bool,\n tabIndex: _propTypes2[\"default\"].string,\n hoverContent: _propTypes2[\"default\"].func,\n size: _propTypes2[\"default\"].oneOf(['sm', 'md', 'lg']),\n rowDraggAble: _propTypes2[\"default\"].bool,\n onDropRow: _propTypes2[\"default\"].func,\n onDragRowStart: _propTypes2[\"default\"].func,\n onBodyScroll: _propTypes2[\"default\"].func,\n bodyDisplayInRow: _propTypes2[\"default\"].bool, // 表格内容超出列宽度时进行换行 or 以...形式展现\n headerDisplayInRow: _propTypes2[\"default\"].bool, // 表头内容超出列宽度时进行换行 or 以...形式展现\n showRowNum: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].object]) // 表格是否自动生成序号,格式为{base:number || 0,defaultKey:string || '_index',defaultName:string || '序号'}\n};\n\nvar defaultProps = {\n data: [],\n useFixedHeader: false,\n expandIconAsCell: false,\n defaultExpandAllRows: false,\n defaultExpandedRowKeys: [],\n rowKey: 'key',\n rowClassName: function rowClassName() {\n return '';\n },\n expandedRowClassName: function expandedRowClassName() {\n return '';\n },\n onExpand: function onExpand() {},\n onExpandedRowsChange: function onExpandedRowsChange() {},\n onRowClick: function onRowClick() {},\n\n // onRowDoubleClick() { },\n clsPrefix: 'u-table',\n bodyStyle: {},\n style: {},\n childrenColumnName: 'children',\n indentSize: 15,\n expandIconColumnIndex: 0,\n showHeader: true,\n scroll: {},\n rowRef: function rowRef() {\n return null;\n },\n getBodyWrapper: function getBodyWrapper(body) {\n return body;\n },\n // emptyText: () => {locale[\"no_data\"]}
,\n columns: [],\n minColumnWidth: 80,\n locale: {},\n syncHover: true,\n setRowHeight: function setRowHeight() {},\n setRowParentIndex: function setRowParentIndex() {},\n tabIndex: '0',\n heightConsistent: false,\n size: 'md',\n rowDraggAble: false,\n onDropRow: function onDropRow() {},\n onDragRowStart: function onDragRowStart() {},\n onBodyScroll: function onBodyScroll() {},\n bodyDisplayInRow: true,\n headerDisplayInRow: true,\n showRowNum: false\n};\n\nvar expandIconCellWidth = Number(43);\n\nvar Table = function (_Component) {\n _inherits(Table, _Component);\n\n function Table(props) {\n _classCallCheck(this, Table);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.resize = function () {\n (0, _utils.debounce)(_this.syncFixedTableRowHeight, 150);\n _this.computeTableWidth();\n var renderFlag = _this.state.renderFlag;\n _this.setState({\n renderFlag: !renderFlag\n });\n };\n\n _this.getTableUID = function () {\n var uid = \"_table_uid_\" + new Date().getTime();\n _this.tableUid = uid;\n var div = document.createElement(\"div\");\n // div.className = \"u-table-drag-hidden-cont\";\n div.className = \"u-table-drag-hidden-cont\";\n div.id = uid;\n _this.contentTable.appendChild(div);\n };\n\n _this.onDragRowStart = function (currentKey) {\n var data = _this.state.data,\n currentIndex = void 0,\n record = void 0;\n data.forEach(function (da, i) {\n // tr 的唯一标识通过 data.key 或 rowKey 两种方式传进来\n var trKey = da.key ? da.key : _this.getRowKey(da, i);\n if (trKey == currentKey) {\n currentIndex = i;\n record = da;\n }\n });\n _this.props.onDragRowStart && _this.props.onDragRowStart(record, currentIndex);\n };\n\n _this.onDragRow = function (currentKey, targetKey) {\n var data = _this.state.data,\n currentIndex = void 0,\n targetIndex = void 0,\n record = void 0;\n data.forEach(function (da, i) {\n // tr 的唯一标识通过 data.key 或 rowKey 两种方式传进来\n var trKey = da.key ? da.key : _this.getRowKey(da, i);\n if (trKey == currentKey) {\n currentIndex = i;\n record = da;\n }\n if (trKey == targetKey) {\n targetIndex = i;\n }\n });\n data = _this.swapArray(data, currentIndex, targetIndex);\n _this.props.onDropRow && _this.props.onDropRow(data, record);\n _this.setState({\n data: data\n });\n };\n\n _this.swapArray = function (arr, index1, index2) {\n var value1 = arr[index1];\n arr.splice(index1, 1);\n if (index1 < index2) {\n arr.splice(index2, 0, value1);\n } else {\n arr.splice(index2 + 1, 0, value1);\n }\n\n return arr;\n };\n\n _this.renderDragHideTable = function () {\n var _this$props = _this.props,\n columns = _this$props.columns,\n dragborder = _this$props.dragborder,\n dragborderKey = _this$props.dragborderKey;\n\n if (!dragborder) return null;\n var sum = 0;\n return _react2[\"default\"].createElement(\n 'div',\n { id: 'u-table-drag-hide-table-' + dragborderKey, className: _this.props.clsPrefix + '-hiden-drag' },\n columns.map(function (da, i) {\n sum += da.width ? da.width : 0;\n return _react2[\"default\"].createElement('div', { className: _this.props.clsPrefix + '-hiden-drag-li', key: da + \"_hiden_\" + i, style: { left: sum + \"px\" } });\n })\n );\n };\n\n _this.onRowHoverMouseEnter = function () {\n\n _this.store.setState({\n currentHoverKey: _this.currentHoverKey\n });\n _this.hoverDom.style.display = 'block';\n };\n\n _this.onRowHoverMouseLeave = function () {};\n\n _this.onFocus = function (e) {\n _this.props.onKeyTab && _this.props.onKeyTab();\n };\n\n _this.onKeyDown = function (e) {\n var event = _utils.Event.getEvent(e);\n // event.preventDefault?event.preventDefault():event.returnValue = false;\n if (event.keyCode === 38) {\n //up\n event.preventDefault && event.preventDefault();\n _this.props.onKeyUp && _this.props.onKeyUp();\n } else if (event.keyCode === 40) {\n //down\n event.preventDefault && event.preventDefault();\n _this.props.onKeyDown && _this.props.onKeyDown();\n }\n _this.props.onTableKeyDown && _this.props.onTableKeyDown();\n };\n\n var expandedRowKeys = [];\n var rows = [].concat(_toConsumableArray(props.data));\n _this.columnManager = new _ColumnManager2[\"default\"](props.columns, props.children, props.originWidth, props.rowDraggAble, props.showRowNum); // 加入props.showRowNum参数\n _this.store = (0, _createStore2[\"default\"])({ currentHoverKey: null });\n _this.firstDid = true;\n if (props.defaultExpandAllRows) {\n for (var i = 0; i < rows.length; i++) {\n var row = rows[i];\n expandedRowKeys.push(_this.getRowKey(row, i));\n rows = rows.concat(row[props.childrenColumnName] || []);\n }\n } else {\n expandedRowKeys = props.expandedRowKeys || props.defaultExpandedRowKeys;\n }\n\n _this.state = {\n expandedRowKeys: expandedRowKeys,\n data: props.data,\n currentHoverKey: null,\n scrollPosition: 'left',\n fixedColumnsHeadRowsHeight: [],\n fixedColumnsBodyRowsHeight: [],\n fixedColumnsExpandedRowsHeight: {} //扩展行的高度\n };\n\n _this.onExpandedRowsChange = _this.onExpandedRowsChange.bind(_this);\n _this.onExpanded = _this.onExpanded.bind(_this);\n _this.onRowDestroy = _this.onRowDestroy.bind(_this);\n _this.getRowKey = _this.getRowKey.bind(_this);\n _this.getExpandedRows = _this.getExpandedRows.bind(_this);\n _this.getHeader = _this.getHeader.bind(_this);\n _this.getHeaderRows = _this.getHeaderRows.bind(_this);\n _this.getExpandedRow = _this.getExpandedRow.bind(_this);\n _this.getRowsByData = _this.getRowsByData.bind(_this);\n _this.getRows = _this.getRows.bind(_this);\n _this.getColGroup = _this.getColGroup.bind(_this);\n _this.getLeftFixedTable = _this.getLeftFixedTable.bind(_this);\n _this.getRightFixedTable = _this.getRightFixedTable.bind(_this);\n _this.getTable = _this.getTable.bind(_this);\n _this.getTitle = _this.getTitle.bind(_this);\n _this.getFooter = _this.getFooter.bind(_this);\n _this.getEmptyText = _this.getEmptyText.bind(_this);\n _this.getHeaderRowStyle = _this.getHeaderRowStyle.bind(_this);\n _this.syncFixedTableRowHeight = _this.syncFixedTableRowHeight.bind(_this);\n _this.resetScrollX = _this.resetScrollX.bind(_this);\n _this.findExpandedRow = _this.findExpandedRow.bind(_this);\n _this.isRowExpanded = _this.isRowExpanded.bind(_this);\n _this.detectScrollTarget = _this.detectScrollTarget.bind(_this);\n _this.handleBodyScroll = _this.handleBodyScroll.bind(_this);\n _this.handleRowHover = _this.handleRowHover.bind(_this);\n _this.computeTableWidth = _this.computeTableWidth.bind(_this);\n _this.onBodyMouseLeave = _this.onBodyMouseLeave.bind(_this);\n _this.tableUid = null;\n _this.contentTable = null;\n _this.leftColumnsLength; //左侧固定列的长度\n _this.centerColumnsLength; //非固定列的长度 \n _this.columnsChildrenList = []; //复杂表头、所有叶子节点\n return _this;\n }\n\n Table.prototype.componentWillMount = function componentWillMount() {\n this.centerColumnsLength = this.columnManager.centerColumns().length;\n this.leftColumnsLength = this.columnManager.leftColumns().length;\n };\n\n Table.prototype.componentDidMount = function componentDidMount() {\n this.getTableUID();\n _utils.EventUtil.addHandler(this.contentTable, 'keydown', this.onKeyDown);\n _utils.EventUtil.addHandler(this.contentTable, 'focus', this.onFocus);\n setTimeout(this.resetScrollX, 300);\n //含有纵向滚动条\n // if(this.props.scroll.y){\n this.scrollbarWidth = (0, _utils.measureScrollbar)();\n // }\n //后续也放在recevice里面\n if (!this.props.originWidth) {\n this.computeTableWidth();\n }\n if (this.columnManager.isAnyColumnsFixed()) {\n this.syncFixedTableRowHeight();\n this.resizeEvent = (0, _addEventListener2[\"default\"])(window, 'resize', this.resize);\n }\n };\n\n Table.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var _props = this.props,\n rowDraggAble = _props.rowDraggAble,\n showRowNum = _props.showRowNum;\n\n if ('data' in nextProps) {\n this.setState({\n data: nextProps.data\n });\n }\n if ('expandedRowKeys' in nextProps) {\n this.setState({\n expandedRowKeys: nextProps.expandedRowKeys\n });\n }\n if (nextProps.columns && nextProps.columns !== this.props.columns) {\n this.columnManager.reset(nextProps.columns, null, showRowNum, rowDraggAble); // 加入this.props.showRowNum参数\n if (nextProps.columns.length !== this.props.columns.length && this.refs && this.bodyTable) {\n this.scrollTop = this.bodyTable.scrollTop;\n }\n } else if (nextProps.children !== this.props.children) {\n this.columnManager.reset(null, nextProps.children, showRowNum, rowDraggAble); // 加入this.props.showRowNum参数\n }\n //适配lazyload\n if (nextProps.scrollTop > -1) {\n // this.bodyTable.scrollTop = nextProps.scrollTop;\n this.scrollTop = nextProps.scrollTop;\n }\n // fix:模态框中使用table，计算的滚动条宽度为0的bug\n // fix:表格首次渲染时 display:none，再显示时，未重新计算，导致表行出现错位的bug\n if (this.scrollbarWidth <= 0 && this.props.scroll.y) {\n this.scrollbarWidth = (0, _utils.measureScrollbar)();\n }\n if (!nextProps.originWidth) {\n this.computeTableWidth();\n this.firstDid = true; //避免重复update\n }\n if (nextProps.resetScroll) {\n this.resetScrollX();\n }\n\n // console.log('this.scrollTop**********',this.scrollTop);\n };\n\n Table.prototype.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {\n // todo: IE 大数据渲染，行高不固定，且设置了 heightConsistent={true} 时，滚动加载操作会导致 ie11 浏览器崩溃\n // https://github.com/tinper-bee/bee-table/commit/bd2092cdbaad236ff89477304e58dea93325bf09\n if (this.columnManager.isAnyColumnsFixed()) {\n this.syncFixedTableRowHeight();\n }\n\n //适应模态框中表格、以及父容器宽度变化的情况\n if (typeof this.props.scroll.x !== 'number' && this.contentTable.getBoundingClientRect().width !== this.contentDomWidth && this.firstDid) {\n this.computeTableWidth();\n this.firstDid = false; //避免重复update\n }\n if (this.scrollTop > -1) {\n this.refs.fixedColumnsBodyLeft && (this.refs.fixedColumnsBodyLeft.scrollTop = this.scrollTop);\n this.refs.fixedColumnsBodyRight && (this.refs.fixedColumnsBodyRight.scrollTop = this.scrollTop);\n this.bodyTable.scrollTop = this.scrollTop;\n this.scrollTop = -1;\n }\n if (prevProps.data.length === 0 || this.props.data.length === 0) {\n this.resetScrollX();\n }\n\n // 是否传入 scroll中的y属性，如果传入判断是否是整数，如果是则进行比较 。bodyTable 的clientHeight进行判断\b\n this.isShowScrollY();\n };\n\n Table.prototype.componentWillUnmount = function componentWillUnmount() {\n // 移除绑定事件,避免内存泄漏\n this.contentTable = null;\n _utils.EventUtil.removeHandler(this.contentTable, 'keydown', this.onKeyDown);\n _utils.EventUtil.removeHandler(this.contentTable, 'focus', this.onFocus);\n if (this.resizeEvent) {\n this.resizeEvent.remove();\n }\n };\n\n Table.prototype.computeTableWidth = function computeTableWidth() {\n var expandIconAsCell = this.props.expandIconAsCell;\n //如果用户传了scroll.x按用户传的为主\n\n var setWidthParam = this.props.scroll.x;\n\n if (typeof setWidthParam == 'number') {\n var numSetWidthParam = parseInt(setWidthParam);\n this.contentWidth = numSetWidthParam;\n } else {\n // this.preContentDomWidth = this.contentDomWidth;\n //计算总表格宽度、根据表格宽度和各列的宽度和比较，重置最后一列\n this.contentDomWidth = this.contentTable.getBoundingClientRect().width; //表格容器宽度\n\n this.contentWidth = this.contentDomWidth; //默认与容器宽度一样\n }\n var computeObj = this.columnManager.getColumnWidth(this.contentWidth);\n var expandColWidth = expandIconAsCell ? expandIconCellWidth : 0;\n var lastShowIndex = computeObj.lastShowIndex;\n this.computeWidth = computeObj.computeWidth + expandColWidth;\n\n this.domWidthDiff = this.contentDomWidth - this.computeWidth;\n if (typeof setWidthParam == 'string' && setWidthParam.indexOf('%')) {\n this.contentWidth = this.contentWidth * parseInt(setWidthParam) / 100;\n this.domWidthDiff = this.contentDomWidth - this.contentWidth;\n }\n\n if (this.computeWidth < this.contentWidth) {\n var contentWidthDiff = this.scrollbarWidth ? this.contentWidth - this.computeWidth - this.scrollbarWidth : this.contentWidth - this.computeWidth;\n //bordered的表格需要减去边框的差值1\n if (this.props.bordered) {\n contentWidthDiff = contentWidthDiff - 1;\n }\n this.setState({ contentWidthDiff: contentWidthDiff, lastShowIndex: lastShowIndex });\n } else {\n this.contentWidth = this.computeWidth;\n this.setState({ contentWidthDiff: 0, lastShowIndex: lastShowIndex }); //重新渲染，为了显示滚动条\n }\n };\n //根据内容动态的判断是否显示纵向滚动条\n\n\n Table.prototype.isShowScrollY = function isShowScrollY() {\n var props = this.props;\n var y = props.scroll && props.scroll.y;\n if (y) {\n var bodyH = this.bodyTable.clientHeight;\n var bodyContentH = this.bodyTable.querySelector('table').clientHeight;\n var rightBodyTable = this.refs.fixedColumnsBodyRight;\n // const leftBodyTable = this.refs.fixedColumnsBodyLeft;\n var overflowy = bodyContentH <= bodyH ? 'auto' : 'scroll';\n this.bodyTable.style.overflowY = overflowy;\n\n this.headTable.style.overflowY = overflowy;\n rightBodyTable && (rightBodyTable.style.overflowY = overflowy);\n // 没有纵向滚动条时，表头横向滚动条根据内容动态显示 待验证\n // if(overflowy == 'auto'){\n // this.fixedHeadTable && (this.fixedHeadTable.style.overflowX = 'auto');\n // rightBodyTable && (rightBodyTable.style.overflowX = 'auto');\n // leftBodyTable && (leftBodyTable.style.overflowX = 'auto');\n // }\n\n }\n };\n\n Table.prototype.onExpandedRowsChange = function onExpandedRowsChange(expandedRowKeys) {\n if (!this.props.expandedRowKeys) {\n this.setState({ expandedRowKeys: expandedRowKeys });\n }\n this.props.onExpandedRowsChange(expandedRowKeys);\n };\n\n Table.prototype.onExpanded = function onExpanded(expanded, record, index, e) {\n if (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n var info = this.findExpandedRow(record);\n if (typeof info !== 'undefined' && !expanded) {\n this.onRowDestroy(record, index, true);\n } else if (!info && expanded) {\n var expandedRows = this.getExpandedRows().concat();\n expandedRows.push(this.getRowKey(record, index));\n this.onExpandedRowsChange(expandedRows);\n }\n this.props.onExpand(expanded, record, index);\n };\n\n Table.prototype.onRowDestroy = function onRowDestroy(record, rowIndex, isExpandOperation) {\n var expandedRows = this.getExpandedRows().concat();\n var rowKey = this.getRowKey(record, rowIndex);\n var index = -1;\n expandedRows.forEach(function (r, i) {\n if (r === rowKey) {\n index = i;\n }\n });\n if (index !== -1) {\n expandedRows.splice(index, 1);\n }\n //\n if (this.currentHoverKey == rowKey && this.hoverDom) {\n this.hoverDom.style.display = 'none';\n }\n // todo:如果是TableRow组件卸载触发的该方法，需要加判断，解决懒加载时，持续触发onExpandedRowsChange的问题\n if (isExpandOperation) {\n this.onExpandedRowsChange(expandedRows);\n } else {\n var info = this.findExpandedRow(record);\n if (typeof info === 'undefined') {\n this.onExpandedRowsChange(expandedRows);\n }\n }\n };\n\n Table.prototype.getRowKey = function getRowKey(record, index) {\n var rowKey = this.props.rowKey;\n var key = typeof rowKey === 'function' ? rowKey(record, index) : record[rowKey];\n (0, _utils.warningOnce)(key !== undefined, 'Each record in table should have a unique `key` prop,' + 'or set `rowKey` to an unique primary key.');\n return key;\n };\n\n Table.prototype.getExpandedRows = function getExpandedRows() {\n return this.props.expandedRowKeys || this.state.expandedRowKeys;\n };\n\n Table.prototype.getHeader = function getHeader(columns, fixed, leftFixedWidth, rightFixedWidth) {\n var lastShowIndex = this.state.lastShowIndex;\n var _props2 = this.props,\n filterDelay = _props2.filterDelay,\n onFilterChange = _props2.onFilterChange,\n onFilterClear = _props2.onFilterClear,\n filterable = _props2.filterable,\n showHeader = _props2.showHeader,\n expandIconAsCell = _props2.expandIconAsCell,\n clsPrefix = _props2.clsPrefix,\n onDragStart = _props2.onDragStart,\n onDragEnter = _props2.onDragEnter,\n onDragOver = _props2.onDragOver,\n onDrop = _props2.onDrop,\n onDragEnd = _props2.onDragEnd,\n draggable = _props2.draggable,\n onMouseDown = _props2.onMouseDown,\n onMouseMove = _props2.onMouseMove,\n onMouseUp = _props2.onMouseUp,\n dragborder = _props2.dragborder,\n onThMouseMove = _props2.onThMouseMove,\n dragborderKey = _props2.dragborderKey,\n minColumnWidth = _props2.minColumnWidth,\n headerHeight = _props2.headerHeight,\n afterDragColWidth = _props2.afterDragColWidth,\n headerScroll = _props2.headerScroll,\n bordered = _props2.bordered,\n onDropBorder = _props2.onDropBorder,\n onDraggingBorder = _props2.onDraggingBorder;\n\n this.columnsChildrenList = []; //复杂表头拖拽，重新render表头前，将其置空\n var rows = this.getHeaderRows(columns);\n if (expandIconAsCell && fixed !== 'right') {\n rows[0].unshift({\n key: 'u-table-expandIconAsCell',\n className: clsPrefix + '-expand-icon-th',\n title: '',\n rowSpan: rows.length,\n width: expandIconCellWidth\n });\n this.columnsChildrenList.unshift({\n className: \"u-table-expand-icon-column\",\n key: \"expand-icon\"\n });\n }\n var trStyle = headerHeight && !fixed ? { height: headerHeight } : fixed ? this.getHeaderRowStyle(columns, rows) : null;\n var drop = draggable ? { onDragStart: onDragStart, onDragOver: onDragOver, onDrop: onDrop, onDragEnd: onDragEnd, onDragEnter: onDragEnter, draggable: draggable } : {};\n var dragBorder = dragborder ? { onMouseDown: onMouseDown, onMouseMove: onMouseMove, onMouseUp: onMouseUp, dragborder: dragborder, onThMouseMove: onThMouseMove, dragborderKey: dragborderKey, onDropBorder: onDropBorder, onDraggingBorder: onDraggingBorder } : {};\n var contentWidthDiff = 0;\n //非固定表格,宽度不够时自动扩充\n if (!fixed) {\n contentWidthDiff = this.state.contentWidthDiff;\n }\n return showHeader ? _react2[\"default\"].createElement(_TableHeader2[\"default\"], _extends({}, drop, dragBorder, {\n columnsChildrenList: this.columnsChildrenList,\n locale: this.props.locale,\n minColumnWidth: minColumnWidth,\n contentWidthDiff: contentWidthDiff,\n contentWidth: this.contentWidth,\n lastShowIndex: expandIconAsCell ? parseInt(lastShowIndex) + 1 : lastShowIndex,\n clsPrefix: clsPrefix,\n rows: rows,\n contentTable: this.contentTable,\n rowStyle: trStyle,\n fixed: fixed,\n filterable: filterable,\n onFilterChange: onFilterChange,\n onFilterClear: onFilterClear,\n filterDelay: filterDelay,\n afterDragColWidth: afterDragColWidth,\n contentDomWidth: this.contentDomWidth,\n scrollbarWidth: this.scrollbarWidth,\n headerScroll: headerScroll,\n bordered: bordered,\n leftFixedWidth: leftFixedWidth,\n rightFixedWidth: rightFixedWidth\n })) : null;\n };\n\n Table.prototype.getHeaderRows = function getHeaderRows(columns) {\n var _this2 = this;\n\n var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var rows = arguments[2];\n var _state = this.state,\n _state$contentWidthDi = _state.contentWidthDiff,\n contentWidthDiff = _state$contentWidthDi === undefined ? 0 : _state$contentWidthDi,\n _state$lastShowIndex = _state.lastShowIndex,\n lastShowIndex = _state$lastShowIndex === undefined ? -1 : _state$lastShowIndex;\n\n var filterCol = [];\n rows = rows || [];\n rows[currentRow] = rows[currentRow] || [];\n\n columns.forEach(function (column, i) {\n if (column.rowSpan && rows.length < column.rowSpan) {\n while (rows.length < column.rowSpan) {\n rows.push([]);\n }\n }\n var width = column.width;\n if (typeof width == 'string' && width.indexOf('%') > -1 && _this2.contentWidth) {\n width = parseInt(_this2.contentWidth * parseInt(width) / 100);\n } else if (width) {\n width = parseInt(width);\n }\n if (!column.fixed && lastShowIndex == i && width) {\n width = width + contentWidthDiff;\n }\n var cell = {\n key: column.key,\n className: column.className || '',\n children: column.title,\n drgHover: column.drgHover,\n fixed: column.fixed,\n width: width,\n dataindex: column.dataIndex,\n textAlign: column.textAlign,\n titleAlign: column.titleAlign, // 标题水平对齐方式\n required: column.required // 标题是否展示必填标志\n };\n if (column.onHeadCellClick) {\n cell.onClick = column.onHeadCellClick;\n }\n if (column.children) {\n _this2.getHeaderRows(column.children, currentRow + 1, rows);\n } else {\n _this2.columnsChildrenList.push(column); //复杂表头拖拽，所有叶子节点\n }\n if ('colSpan' in column) {\n cell.colSpan = column.colSpan;\n }\n if ('rowSpan' in column) {\n cell.rowSpan = column.rowSpan;\n }\n if (cell.colSpan !== 0) {\n rows[currentRow].push(cell);\n }\n //判断是否启用过滤\n if (_this2.props.filterable) {\n //组装Filter需要的Col\n filterCol.push({\n key: column.key,\n children: \"过滤渲染\",\n width: column.width,\n filtertype: column.filterType, //下拉的类型 包括['text','dropdown','date','daterange','number']\n dataindex: column.dataIndex, //field\n datasource: _this2.props.data, //需要单独拿到数据处理\n format: column.format, //设置日期的格式\n filterdropdown: column.filterDropdown, //是否显示 show hide\n filterdropdownauto: column.filterDropdownAuto, //是否自定义数据\n filterdropdowndata: column.filterDropdownData, //自定义数据格式\n filterdropdownfocus: column.filterDropdownFocus, //焦点触发函数回调\n filterdropdowntype: column.filterDropdownType, //下拉的类型分为 String,Number 默认是String\n filterdropdownincludekeys: column.filterDropdownIncludeKeys, //下拉条件按照指定的keys去显示\n filterinputnumberoptions: column.filterInputNumberOptions //设置数值框内的详细属性\n });\n }\n });\n if (this.props.filterable) {\n rows.push(filterCol);\n }\n return rows.filter(function (row) {\n return row.length > 0;\n });\n };\n\n Table.prototype.getExpandedRow = function getExpandedRow(key, content, visible, className, fixed) {\n var _props3 = this.props,\n clsPrefix = _props3.clsPrefix,\n expandIconAsCell = _props3.expandIconAsCell;\n\n var colCount = void 0;\n if (fixed === 'left') {\n colCount = this.columnManager.leftLeafColumns().length;\n } else if (fixed === 'right') {\n colCount = this.columnManager.rightLeafColumns().length;\n } else {\n colCount = this.columnManager.centerColumns().length; //计算非固定列的个数，fix: 嵌套表格场景，右侧列断开的问题\n }\n\n var expandedRowHeight = this.state.fixedColumnsExpandedRowsHeight[key] || 'auto';\n function contentContainer() {\n if (content && content.props && content.props.style) {\n return _react2[\"default\"].createElement('div', { style: { height: content.props.style.height } });\n } else {\n return ' ';\n }\n }\n\n var columns = [{\n key: 'extra-row',\n render: function render() {\n return {\n props: {\n colSpan: colCount\n },\n children: !fixed ? content : contentContainer()\n };\n }\n }];\n if (expandIconAsCell && fixed !== 'right') {\n columns.unshift({\n key: 'expand-icon-placeholder',\n render: function render() {\n return null;\n }\n });\n }\n return _react2[\"default\"].createElement(_TableRow2[\"default\"], {\n columns: columns,\n visible: visible,\n className: className,\n key: key + '-extra-row',\n clsPrefix: clsPrefix + '-expanded-row',\n indent: 1,\n expandable: false,\n store: this.store,\n dragborderKey: this.props.dragborderKey,\n rowDraggAble: this.props.rowDraggAble,\n onDragRow: this.onDragRow,\n onDragRowStart: this.onDragRowStart,\n height: expandedRowHeight\n });\n };\n\n /**\n * 行拖拽开始时触发\n * @param currentKey 当前拖拽目标的key\n */\n\n\n /**\n * 行拖拽结束时触发\n * @param currentKey 当前拖拽目标的key\n * @param targetKey 拖拽结束时，目标位置的key\n */\n\n /**\n * 数组元素交换位置\n * @param {array} arr 数组\n * @param {number} index1 添加项目的位置\n * @param {number} index2 删除项目的位置\n */\n\n\n /**\n *\n *\n * @param {*} data\n * @param {*} visible\n * @param {*} indent 层级\n * @param {*} columns\n * @param {*} fixed\n * @param {number} [rootIndex=-1] 祖级节点\n * @returns\n * @memberof Table\n */\n Table.prototype.getRowsByData = function getRowsByData(data, visible, indent, columns, fixed) {\n var rootIndex = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : -1;\n\n var props = this.props;\n var childrenColumnName = props.childrenColumnName;\n var expandedRowRender = props.expandedRowRender;\n var expandRowByClick = props.expandRowByClick;\n var fixedColumnsBodyRowsHeight = this.state.fixedColumnsBodyRowsHeight;\n\n var rst = [];\n var height = void 0;\n var rowClassName = props.rowClassName;\n var rowRef = props.rowRef;\n var expandedRowClassName = props.expandedRowClassName;\n var needIndentSpaced = props.data.some(function (record) {\n return record[childrenColumnName];\n });\n var onRowClick = props.onRowClick;\n var onRowDoubleClick = props.onRowDoubleClick;\n\n var expandIconAsCell = fixed !== 'right' ? props.expandIconAsCell : false;\n var expandIconColumnIndex = props.expandIconColumnIndex;\n if (props.lazyLoad && props.lazyLoad.preHeight && indent == 0) {\n rst.push(_react2[\"default\"].createElement(_TableRow2[\"default\"], { height: props.lazyLoad.preHeight, columns: [], className: '', key: 'table_row_first', store: this.store, visible: true }));\n }\n var lazyCurrentIndex = props.lazyLoad && props.lazyLoad.startIndex ? props.lazyLoad.startIndex : 0;\n var lazyParentIndex = props.lazyLoad && props.lazyLoad.startParentIndex ? props.lazyLoad.startParentIndex : 0;\n var lazyEndIndex = props.lazyLoad && props.lazyLoad.endIndex ? props.lazyLoad.endIndex : -1;\n for (var i = 0; i < data.length; i++) {\n var isHiddenExpandIcon = void 0;\n var record = data[i];\n var key = this.getRowKey(record, i);\n // 兼容 NCC 以前的业务逻辑，支持外部通过 record 中的 isleaf 字段，判断是否为叶子节点\n record['_isLeaf'] = typeof record['isleaf'] === 'boolean' ? record['isleaf'] : record['_isLeaf'];\n // _isLeaf 字段是在 bigData 里添加的，只有层级树大数据场景需要该字段\n // _isLeaf 有三种取值情况：true / false / null。（Table内部字段）\n var _isLeaf = typeof record['_isLeaf'] === 'boolean' ? record['_isLeaf'] : null;\n var childrenColumn = _isLeaf ? false : record[childrenColumnName];\n var isRowExpanded = this.isRowExpanded(record, i);\n var expandedRowContent = void 0;\n var expandedContentHeight = 0;\n //fixedIndex一般是跟index是一个值的，只有是树结构时，会讲子节点的值也累计上\n var fixedIndex = i;\n //判断是否是tree结构\n if (this.treeType) {\n fixedIndex = this.treeRowIndex;\n }\n if (expandedRowRender && isRowExpanded) {\n expandedRowContent = expandedRowRender(record, fixedIndex + lazyCurrentIndex, indent);\n expandedContentHeight = parseInt(expandedRowContent.props && expandedRowContent.props.style && expandedRowContent.props.style.height ? expandedRowContent.props.style.height : 0);\n }\n //只有当使用expandedRowRender参数的时候才去识别isHiddenExpandIcon（隐藏行展开的icon）\n if (expandedRowRender && typeof props.haveExpandIcon == 'function') {\n isHiddenExpandIcon = props.haveExpandIcon(record, i);\n }\n\n var onHoverProps = {};\n\n onHoverProps.onHover = this.handleRowHover;\n\n if (props.bodyDisplayInRow && props.height) {\n height = props.height;\n } else if (fixed || props.heightConsistent) {\n height = fixedColumnsBodyRowsHeight[fixedIndex];\n }\n\n var leafColumns = void 0;\n if (fixed === 'left') {\n leafColumns = this.columnManager.leftLeafColumns();\n } else if (fixed === 'right') {\n leafColumns = this.columnManager.rightLeafColumns();\n } else {\n leafColumns = this.columnManager.leafColumns();\n }\n var className = rowClassName(record, fixedIndex + lazyCurrentIndex, indent);\n\n //合计代码如果是最后一行并且有合计功能时，最后一行为合计列\n if (i == data.length - 1 && props.showSum) {\n className = className + ' sumrow';\n }\n\n var paramRootIndex = rootIndex;\n //小于0说明为第一层节点，她的子孙节点要保存自己的根节点\n if (paramRootIndex < 0) {\n paramRootIndex = i + lazyParentIndex;\n }\n var index = i;\n if (rootIndex == -1) {\n index = i + lazyParentIndex;\n }\n rst.push(_react2[\"default\"].createElement(_TableRow2[\"default\"], _extends({\n indent: indent,\n indentSize: props.indentSize,\n needIndentSpaced: needIndentSpaced,\n className: className + ' ' + (this.props.rowDraggAble ? ' row-dragg-able ' : ''),\n record: record,\n expandIconAsCell: expandIconAsCell,\n onDestroy: this.onRowDestroy,\n index: index,\n visible: visible,\n expandRowByClick: expandRowByClick,\n onExpand: this.onExpanded,\n expandable: expandedRowRender || (childrenColumn && childrenColumn.length > 0 ? true : _isLeaf === false),\n expanded: isRowExpanded,\n clsPrefix: props.clsPrefix + '-row',\n childrenColumnName: childrenColumnName,\n columns: leafColumns,\n expandIconColumnIndex: expandIconColumnIndex,\n onRowClick: onRowClick,\n onRowDoubleClick: onRowDoubleClick,\n height: height,\n isHiddenExpandIcon: isHiddenExpandIcon\n }, onHoverProps, {\n key: \"table_row_\" + key + \"_\" + index,\n hoverKey: key,\n ref: rowRef,\n store: this.store,\n fixed: fixed,\n expandedContentHeight: expandedContentHeight,\n setRowHeight: props.setRowHeight,\n setRowParentIndex: props.setRowParentIndex,\n treeType: childrenColumn || this.treeType ? true : false,\n fixedIndex: fixedIndex + lazyCurrentIndex,\n rootIndex: rootIndex,\n syncHover: props.syncHover,\n bodyDisplayInRow: props.bodyDisplayInRow,\n rowDraggAble: this.props.rowDraggAble,\n onDragRow: this.onDragRow,\n onDragRowStart: this.onDragRowStart,\n contentTable: this.contentTable,\n tableUid: this.tableUid,\n expandedIcon: props.expandedIcon,\n collapsedIcon: props.collapsedIcon,\n lazyStartIndex: lazyCurrentIndex,\n lazyEndIndex: lazyEndIndex,\n centerColumnsLength: this.centerColumnsLength,\n leftColumnsLength: this.leftColumnsLength,\n expandIconCellWidth: expandIconCellWidth\n })));\n this.treeRowIndex++;\n var subVisible = visible && isRowExpanded;\n\n if (expandedRowContent && isRowExpanded) {\n rst.push(this.getExpandedRow(key, expandedRowContent, subVisible, expandedRowClassName(record, i, indent), fixed));\n }\n if (childrenColumn) {\n this.isTreeType = true; //增加该标志位，为了兼容老版本，不修改以前的 `this.treeType` 的相关逻辑\n this.treeType = true; //证明是tree表形式visible = {true}\n rst = rst.concat(this.getRowsByData(childrenColumn, subVisible, indent + 1, columns, fixed, paramRootIndex));\n }\n }\n\n if (props.lazyLoad && props.lazyLoad.sufHeight && indent == 0) {\n rst.push(_react2[\"default\"].createElement(_TableRow2[\"default\"], { height: props.lazyLoad.sufHeight, key: 'table_row_end', columns: [], className: '', store: this.store, visible: true }));\n }\n if (!this.isTreeType) {\n this.treeType = false;\n }\n return rst;\n };\n\n Table.prototype.getRows = function getRows(columns, fixed) {\n //统计index，只有含有树表结构才有用，因为树表结构时，固定列的索引取值有问题\n this.treeRowIndex = 0;\n //每次遍历 data 前，将this.isTreeType置为 false，若遍历完 data，此变量仍为 false，说明是普通表格\n this.isTreeType = false;\n var rs = this.getRowsByData(this.state.data, true, 0, columns, fixed);\n return rs;\n };\n\n Table.prototype.getColGroup = function getColGroup(columns, fixed) {\n var _this3 = this;\n\n var cols = [];\n var self = this;\n\n var _state2 = this.state,\n _state2$contentWidthD = _state2.contentWidthDiff,\n contentWidthDiff = _state2$contentWidthD === undefined ? 0 : _state2$contentWidthD,\n _state2$lastShowIndex = _state2.lastShowIndex,\n lastShowIndex = _state2$lastShowIndex === undefined ? 0 : _state2$lastShowIndex;\n\n if (this.props.expandIconAsCell && fixed !== 'right') {\n cols.push(_react2[\"default\"].createElement('col', {\n className: this.props.clsPrefix + '-expand-icon-col',\n key: 'u-table-expand-icon-col'\n }));\n }\n var leafColumns = void 0;\n if (fixed === 'left') {\n contentWidthDiff = 0;\n leafColumns = this.columnManager.leftLeafColumns();\n } else if (fixed === 'right') {\n contentWidthDiff = 0;\n leafColumns = this.columnManager.rightLeafColumns();\n } else {\n leafColumns = this.columnManager.leafColumns();\n }\n cols = cols.concat(leafColumns.map(function (c, i, arr) {\n var fixedClass = '';\n var width = c.width;\n if (typeof width == 'string' && width.indexOf('%') > -1 && self.contentWidth) {\n width = parseInt(self.contentWidth * parseInt(width) / 100);\n } else if (width) {\n width = parseInt(width);\n }\n if (lastShowIndex == i && width) {\n width = width + contentWidthDiff;\n }\n if (!fixed && c.fixed) {\n fixedClass = ' ' + _this3.props.clsPrefix + '-row-fixed-columns-in-body';\n }\n return _react2[\"default\"].createElement('col', { key: c.key, style: { width: width, minWidth: c.width }, className: fixedClass });\n }));\n return _react2[\"default\"].createElement(\n 'colgroup',\n { id: 'bee-table-colgroup' },\n cols\n );\n };\n\n Table.prototype.getLeftFixedTable = function getLeftFixedTable() {\n return this.getTable({\n columns: this.columnManager.leftColumns(),\n fixed: 'left'\n });\n };\n\n Table.prototype.getRightFixedTable = function getRightFixedTable() {\n return this.getTable({\n columns: this.columnManager.rightColumns(),\n fixed: 'right'\n });\n };\n\n Table.prototype.getTable = function getTable() {\n var _this4 = this;\n\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var columns = options.columns,\n fixed = options.fixed;\n var _props4 = this.props,\n clsPrefix = _props4.clsPrefix,\n _props4$scroll = _props4.scroll,\n scroll = _props4$scroll === undefined ? {} : _props4$scroll,\n getBodyWrapper = _props4.getBodyWrapper,\n footerScroll = _props4.footerScroll,\n headerScroll = _props4.headerScroll,\n _props4$hideHeaderScr = _props4.hideHeaderScroll,\n hideHeaderScroll = _props4$hideHeaderScr === undefined ? false : _props4$hideHeaderScr,\n expandIconAsCell = _props4.expandIconAsCell;\n var _props5 = this.props,\n useFixedHeader = _props5.useFixedHeader,\n data = _props5.data;\n\n var bodyStyle = _extends({}, this.props.bodyStyle); // 这里为什么不写在上面?\n var headStyle = {};\n var innerBodyStyle = {};\n var leftFixedWidth = this.columnManager.getLeftColumnsWidth(this.contentWidth);\n var rightFixedWidth = this.columnManager.getRightColumnsWidth(this.contentWidth);\n\n var tableClassName = '';\n //表格元素的宽度大于容器的宽度也显示滚动条\n if (scroll.x || fixed || this.contentDomWidth < this.contentWidth) {\n tableClassName = clsPrefix + '-fixed';\n //没有数据并且含有顶部菜单时\n if (this.props.data.length == 0 && this.props.headerScroll) {\n bodyStyle.overflowX = 'hidden';\n }\n if (!footerScroll) {\n bodyStyle.overflowX = bodyStyle.overflowX || 'auto';\n }\n }\n\n if (scroll.y) {\n // maxHeight will make fixed-Table scrolling not working\n // so we only set maxHeight to body-Table here\n if (fixed) {\n // bodyStyle.height = bodyStyle.height || scroll.y;\n innerBodyStyle.maxHeight = bodyStyle.maxHeight || scroll.y;\n innerBodyStyle.overflowY = bodyStyle.overflowY || 'scroll';\n } else {\n bodyStyle.maxHeight = bodyStyle.maxHeight || scroll.y;\n }\n bodyStyle.overflowY = bodyStyle.overflowY || 'scroll';\n useFixedHeader = true;\n\n // Add negative margin bottom for scroll bar overflow bug\n var scrollbarWidth = this.scrollbarWidth;\n if (scrollbarWidth >= 0) {\n (fixed ? bodyStyle : headStyle).paddingBottom = '0px';\n //显示表头滚动条\n if (headerScroll) {\n if (fixed) {\n\n if (this.domWidthDiff <= 0) {\n headStyle.marginBottom = scrollbarWidth + 'px';\n bodyStyle.marginBottom = '-' + scrollbarWidth + 'px';\n } else {\n innerBodyStyle.overflowX = 'auto';\n }\n } else {\n //内容少，不用显示滚动条\n if (this.domWidthDiff > 0) {\n headStyle.overflowX = 'hidden';\n }\n headStyle.marginBottom = '0px';\n }\n } else {\n if (fixed) {\n if (this.domWidthDiff > 0) {\n headStyle.overflow = 'hidden';\n innerBodyStyle.overflowX = 'auto'; //兼容expand场景、子表格含有固定列的场景\n } else {\n bodyStyle.marginBottom = '-' + scrollbarWidth + 'px';\n }\n } else {\n // 没有数据时，表头滚动条隐藏问题\n if (data.length == 0 && this.domWidthDiff < 0) {\n headStyle.marginBottom = '0px';\n } else {\n headStyle.marginBottom = '-' + scrollbarWidth + 'px';\n }\n }\n }\n }\n }\n\n if (data.length == 0 && hideHeaderScroll) {\n //支持 NCC 需求:表格无数据时，去掉表头滚动条 (https://github.com/iuap-design/tinper-bee/issues/207)\n headStyle.marginBottom = '-' + this.scrollbarWidth + 'px';\n }\n\n var renderTable = function renderTable() {\n var hasHead = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n var hasBody = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n\n var tableStyle = {};\n if (!fixed && scroll.x) {\n // not set width, then use content fixed width\n if (scroll.x === true) {\n tableStyle.tableLayout = 'fixed';\n } else {\n tableStyle.width = _this4.contentWidth - _this4.columnManager.getLeftColumnsWidth(_this4.contentWidth) - _this4.columnManager.getRightColumnsWidth(_this4.contentWidth);\n }\n }\n // 自动出现滚动条\n if (!fixed && _this4.contentDomWidth < _this4.contentWidth) {\n tableStyle.width = _this4.contentWidth - _this4.columnManager.getLeftColumnsWidth(_this4.contentWidth) - _this4.columnManager.getRightColumnsWidth(_this4.contentWidth);\n }\n var tableBody = hasBody ? getBodyWrapper(_react2[\"default\"].createElement(\n 'tbody',\n { className: clsPrefix + '-tbody', onMouseLeave: _this4.onBodyMouseLeave },\n _this4.getRows(columns, fixed)\n )) : null;\n var _drag_class = _this4.props.dragborder ? \"table-drag-bordered\" : \"\";\n return _react2[\"default\"].createElement(\n 'table',\n { className: ' ' + tableClassName + ' table-bordered ' + _drag_class + ' ', style: tableStyle },\n _this4.getColGroup(columns, fixed),\n hasHead ? _this4.getHeader(columns, fixed, leftFixedWidth, rightFixedWidth) : null,\n tableBody\n );\n };\n\n var headTable = void 0;\n\n if (useFixedHeader) {\n headTable = _react2[\"default\"].createElement(\n 'div',\n {\n className: clsPrefix + '-header',\n ref: function ref(el) {\n fixed ? _this4.fixedHeadTable = el : _this4.headTable = el;\n },\n style: headStyle,\n onMouseOver: this.detectScrollTarget,\n onTouchStart: this.detectScrollTarget,\n onScroll: this.handleBodyScroll\n },\n renderTable(true, false)\n );\n }\n var BodyTable = _react2[\"default\"].createElement(\n 'div',\n {\n className: clsPrefix + '-body',\n style: bodyStyle,\n ref: function ref(el) {\n _this4.bodyTable = el;\n },\n onMouseOver: this.detectScrollTarget,\n onTouchStart: this.detectScrollTarget,\n onScroll: this.handleBodyScroll,\n onMouseLeave: this.onBodyMouseLeave\n },\n this.renderDragHideTable(),\n renderTable(!useFixedHeader)\n );\n\n if (fixed && columns.length) {\n var refName = void 0;\n if (columns[0].fixed === 'left' || columns[0].fixed === true) {\n refName = 'fixedColumnsBodyLeft';\n } else if (columns[0].fixed === 'right') {\n refName = 'fixedColumnsBodyRight';\n }\n delete bodyStyle.overflowX;\n delete bodyStyle.overflowY;\n BodyTable = _react2[\"default\"].createElement(\n 'div',\n {\n className: clsPrefix + '-body-outer',\n style: _extends({}, bodyStyle)\n },\n _react2[\"default\"].createElement(\n 'div',\n {\n style: _extends({}, innerBodyStyle),\n className: clsPrefix + '-body-inner',\n ref: refName,\n onMouseOver: this.detectScrollTarget,\n onTouchStart: this.detectScrollTarget,\n onScroll: this.handleBodyScroll\n },\n renderTable(!useFixedHeader)\n )\n );\n }\n // const leftFixedWidth = this.columnManager.getLeftColumnsWidth(this.contentWidth);\n // const rightFixedWidth = this.columnManager.getRightColumnsWidth(this.contentWidth);\n var expandIconWidth = expandIconAsCell ? 33 : 0;\n var parStyle = {};\n if (!fixed) {\n parStyle = { 'marginLeft': leftFixedWidth + expandIconWidth, 'marginRight': rightFixedWidth };\n }\n return _react2[\"default\"].createElement(\n 'div',\n { style: parStyle },\n headTable,\n BodyTable\n );\n };\n\n Table.prototype.getTitle = function getTitle() {\n var _props6 = this.props,\n title = _props6.title,\n clsPrefix = _props6.clsPrefix;\n\n return title ? _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-title' },\n title(this.state.data)\n ) : null;\n };\n\n Table.prototype.getFooter = function getFooter() {\n var _props7 = this.props,\n footer = _props7.footer,\n clsPrefix = _props7.clsPrefix;\n\n return footer ? _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-footer' },\n footer(this.state.data)\n ) : null;\n };\n\n Table.prototype.getEmptyText = function getEmptyText() {\n var _props8 = this.props,\n defaultEmptyText = _props8.emptyText,\n clsPrefix = _props8.clsPrefix,\n data = _props8.data;\n\n var locale = (0, _tool.getComponentLocale)(this.props, this.context, 'Table', function () {\n return _i18n2[\"default\"];\n });\n var emptyText = defaultEmptyText !== undefined ? defaultEmptyText : function () {\n return _react2[\"default\"].createElement(\n 'div',\n null,\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-nodata', className: 'table-nodata' }),\n _react2[\"default\"].createElement(\n 'span',\n null,\n locale[\"no_data\"]\n )\n );\n };\n\n return !data.length ? _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-placeholder' },\n emptyText()\n ) : null;\n };\n\n Table.prototype.getHeaderRowStyle = function getHeaderRowStyle(columns, rows) {\n var fixedColumnsHeadRowsHeight = this.state.fixedColumnsHeadRowsHeight;\n\n var headerHeight = fixedColumnsHeadRowsHeight[0];\n\n if (headerHeight && columns) {\n if (headerHeight === 'auto') {\n return { height: 'auto' };\n }\n return { height: headerHeight / rows.length };\n }\n return null;\n };\n\n Table.prototype.syncFixedTableRowHeight = function syncFixedTableRowHeight() {\n //this.props.height、headerHeight分别为用户传入的行高和表头高度，如果有值，所有行的高度都是固定的，主要为了避免在千行数据中有固定列时获取行高度有问题\n var _props9 = this.props,\n clsPrefix = _props9.clsPrefix,\n height = _props9.height,\n headerHeight = _props9.headerHeight,\n columns = _props9.columns,\n heightConsistent = _props9.heightConsistent,\n bodyDisplayInRow = _props9.bodyDisplayInRow;\n\n var headRows = this.headTable ? this.headTable.querySelectorAll('thead') : this.bodyTable.querySelectorAll('thead');\n var expandedRows = this.bodyTable.querySelectorAll('.' + clsPrefix + '-expanded-row') || [];\n var bodyRows = this.bodyTable.querySelectorAll('.' + clsPrefix + '-row') || [];\n var leftBodyRows = this.refs.fixedColumnsBodyLeft && this.refs.fixedColumnsBodyLeft.querySelectorAll('.' + clsPrefix + '-row') || [];\n var rightBodyRows = this.refs.fixedColumnsBodyRight && this.refs.fixedColumnsBodyRight.querySelectorAll('.' + clsPrefix + '-row') || [];\n var fixedColumnsHeadRowsHeight = [].map.call(headRows, function (row) {\n var height = headerHeight;\n if (headerHeight) {\n height = ((0, _utils.getMaxColChildrenLength)(columns) + 1) * headerHeight;\n }\n return headerHeight ? height : row.getBoundingClientRect().height || 'auto';\n });\n var fixedColumnsBodyRowsHeight = [].map.call(bodyRows, function (row, index) {\n var rsHeight = height;\n if (bodyDisplayInRow && rsHeight) {\n return rsHeight;\n } else {\n // 为了提高性能，默认获取主表的高度，但是有的场景中固定列的高度比主表的高度高，所以提供此属性，会统计所有列的高度取最大的，设置\n // 内容折行显示，并又设置了 height 的情况下，也要获取主表高度\n if (heightConsistent || !bodyDisplayInRow && rsHeight) {\n var leftHeight = void 0,\n rightHeight = void 0,\n currentHeight = void 0,\n maxHeight = void 0;\n leftHeight = leftBodyRows[index] ? leftBodyRows[index].getBoundingClientRect().height : 0;\n rightHeight = rightBodyRows[index] ? rightBodyRows[index].getBoundingClientRect().height : 0;\n currentHeight = row.getBoundingClientRect().height;\n maxHeight = Math.max(leftHeight, rightHeight, currentHeight);\n return maxHeight || 'auto';\n } else {\n return row.getBoundingClientRect().height || 'auto';\n }\n }\n });\n var fixedColumnsExpandedRowsHeight = {};\n expandedRows.length > 0 && expandedRows.forEach(function (row) {\n var parentRowKey = row && row.previousSibling && row.previousSibling.getAttribute(\"data-row-key\"),\n height = row && row.getBoundingClientRect().height || 'auto';\n fixedColumnsExpandedRowsHeight[parentRowKey] = height;\n });\n if ((0, _shallowequal2[\"default\"])(this.state.fixedColumnsHeadRowsHeight, fixedColumnsHeadRowsHeight) && (0, _shallowequal2[\"default\"])(this.state.fixedColumnsBodyRowsHeight, fixedColumnsBodyRowsHeight) && (0, _shallowequal2[\"default\"])(this.state.fixedColumnsExpandedRowsHeight, fixedColumnsExpandedRowsHeight)) {\n return;\n }\n this.setState({\n fixedColumnsHeadRowsHeight: fixedColumnsHeadRowsHeight,\n fixedColumnsBodyRowsHeight: fixedColumnsBodyRowsHeight,\n fixedColumnsExpandedRowsHeight: fixedColumnsExpandedRowsHeight\n });\n };\n\n Table.prototype.resetScrollX = function resetScrollX() {\n if (this.headTable) {\n this.headTable.scrollLeft = 0;\n }\n if (this.bodyTable) {\n this.bodyTable.scrollLeft = 0;\n }\n };\n\n Table.prototype.findExpandedRow = function findExpandedRow(record, index) {\n var _this5 = this;\n\n var rows = this.getExpandedRows().filter(function (i) {\n return i === _this5.getRowKey(record, index);\n });\n return rows[0];\n };\n\n Table.prototype.isRowExpanded = function isRowExpanded(record, index) {\n return typeof this.findExpandedRow(record, index) !== 'undefined';\n };\n\n Table.prototype.onBodyMouseLeave = function onBodyMouseLeave(e) {\n this.hideHoverDom(e);\n };\n\n Table.prototype.detectScrollTarget = function detectScrollTarget(e) {\n if (this.scrollTarget !== e.currentTarget) {\n this.scrollTarget = e.currentTarget;\n }\n };\n\n Table.prototype.hideHoverDom = function hideHoverDom(e) {\n if (this.hoverDom) {\n this.hoverDom.style.display = 'none';\n }\n };\n\n Table.prototype.handleBodyScroll = function handleBodyScroll(e) {\n var headTable = this.headTable;\n var _props10 = this.props,\n _props10$scroll = _props10.scroll,\n scroll = _props10$scroll === undefined ? {} : _props10$scroll,\n clsPrefix = _props10.clsPrefix,\n handleScrollY = _props10.handleScrollY,\n handleScrollX = _props10.handleScrollX,\n onBodyScroll = _props10.onBodyScroll;\n var _refs = this.refs,\n fixedColumnsBodyLeft = _refs.fixedColumnsBodyLeft,\n fixedColumnsBodyRight = _refs.fixedColumnsBodyRight;\n // Prevent scrollTop setter trigger onScroll event\n // http://stackoverflow.com/q/1386696\n\n if (e.currentTarget !== e.target) {\n return;\n }\n if (e.target.scrollLeft !== this.lastScrollLeft) {\n var position = '';\n if (e.target === this.bodyTable && headTable) {\n headTable.scrollLeft = e.target.scrollLeft;\n } else if (e.target === headTable && this.bodyTable) {\n this.bodyTable.scrollLeft = e.target.scrollLeft;\n }\n if (e.target.scrollLeft === 0) {\n position = 'left';\n } else if (e.target.scrollLeft + 1 >= e.target.children[0].getBoundingClientRect().width - e.target.getBoundingClientRect().width) {\n position = 'right';\n } else if (this.state.scrollPosition !== 'middle') {\n position = 'middle';\n }\n if (position) {\n (0, _componentClasses2[\"default\"])(this.contentTable).remove(new RegExp('^' + clsPrefix + '-scroll-position-.+$')).add(clsPrefix + '-scroll-position-' + position);\n }\n if (handleScrollX) {\n (0, _utils.debounce)(handleScrollX(e.target.scrollLeft, this.treeType), 300);\n }\n }\n // console.log('lastScrollTop--'+this.lastScrollTop+'--eventScrollTop--'+ e.target.scrollTop);\n if (scroll.y && this.lastScrollTop != e.target.scrollTop && e.target !== headTable) {\n if (fixedColumnsBodyLeft && e.target !== fixedColumnsBodyLeft) {\n fixedColumnsBodyLeft.scrollTop = e.target.scrollTop;\n }\n if (fixedColumnsBodyRight && e.target !== fixedColumnsBodyRight) {\n fixedColumnsBodyRight.scrollTop = e.target.scrollTop;\n }\n if (this.bodyTable && e.target !== this.bodyTable) {\n this.bodyTable.scrollTop = e.target.scrollTop;\n }\n if (this.hoverDom) {\n this.hoverDom.style.display = 'none';\n }\n this.lastScrollTop = e.target.scrollTop;\n if (handleScrollY) {\n (0, _utils.debounce)(handleScrollY(this.lastScrollTop, this.treeType, onBodyScroll), 300);\n }\n }\n\n // Remember last scrollLeft for scroll direction detecting.\n this.lastScrollLeft = e.target.scrollLeft;\n };\n\n Table.prototype.handleRowHover = function handleRowHover(isHover, key, event, currentIndex, propsRecord) {\n //增加新的API，设置是否同步Hover状态，提高性能，避免无关的渲染\n var _props11 = this.props,\n syncHover = _props11.syncHover,\n onRowHover = _props11.onRowHover,\n data = _props11.data;\n //fix:树形表，onRowHover返回参数异常\n\n var isTreeType = this.isTreeType;\n\n var record = isTreeType ? propsRecord : data[currentIndex];\n // 固定列、或者含有hoverdom时情况下同步hover状态\n if (this.columnManager.isAnyColumnsFixed() && syncHover) {\n this.hoverKey = key;\n this.store.setState({\n currentHoverKey: isHover ? key : null\n });\n }\n if (this.hoverDom) {\n if (isHover) {\n this.currentHoverKey = key;\n var td = (0, _utils.closest)(event.target, 'td');\n if (td) {\n var scrollTop = this.lastScrollTop ? this.lastScrollTop : 0;\n var top = td.offsetTop - scrollTop;\n if (this.headTable) {\n top = top + this.headTable.clientHeight;\n }\n this.hoverDom.style.top = top + 'px';\n this.hoverDom.style.height = td.offsetHeight + 'px';\n this.hoverDom.style.lineHeight = td.offsetHeight + 'px';\n this.hoverDom.style.display = 'block';\n }\n }\n }\n\n onRowHover && onRowHover(currentIndex, record);\n };\n\n Table.prototype.render = function render() {\n var _this6 = this;\n\n var props = this.props;\n var clsPrefix = props.clsPrefix;\n var hasFixedLeft = this.columnManager.isAnyColumnsLeftFixed();\n var className = props.clsPrefix;\n if (props.className) {\n className += ' ' + props.className;\n }\n if (props.useFixedHeader || props.scroll && props.scroll.y) {\n className += ' ' + clsPrefix + '-fixed-header';\n }\n if (!props.showHeader) {\n className += ' ' + clsPrefix + '-hide-header';\n }\n if (props.bordered) {\n className += ' ' + clsPrefix + '-bordered';\n }\n className += ' ' + clsPrefix + '-scroll-position-' + this.state.scrollPosition;\n //如果传入height说明是固定高度\n //内容过多折行显示时，height 属性会失效，为了避免产生错行\n if (props.bodyDisplayInRow && props.height) {\n className += ' fixed-height';\n }\n if (props.bodyDisplayInRow) {\n className += ' body-dispaly-in-row';\n }\n if (props.headerDisplayInRow) {\n className += ' header-dispaly-in-row';\n }\n var isTableScroll = this.columnManager.isAnyColumnsFixed() || props.scroll.x || props.scroll.y;\n var loading = props.loading;\n if (typeof loading === 'boolean') {\n loading = {\n show: loading\n };\n }\n if (props.size) {\n className += ' ' + clsPrefix + '-' + props.size;\n }\n if (hasFixedLeft) {\n className += ' has-fixed-left';\n }\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: className, style: props.style, ref: function ref(el) {\n return _this6.contentTable = el;\n },\n tabIndex: props.focusable && (props.tabIndex ? props.tabIndex : '0') },\n this.getTitle(),\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-content' },\n _react2[\"default\"].createElement(\n 'div',\n { className: isTableScroll ? clsPrefix + '-scroll' : '' },\n this.getTable({ columns: this.columnManager.groupedColumns() }),\n this.getEmptyText(),\n this.getFooter()\n ),\n hasFixedLeft && _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-fixed-left' },\n this.getLeftFixedTable()\n ),\n this.columnManager.isAnyColumnsRightFixed() && _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-fixed-right' },\n this.getRightFixedTable()\n )\n ),\n _react2[\"default\"].createElement(_beeLoading2[\"default\"], _extends({\n container: this\n }, loading)),\n props.hoverContent && _react2[\"default\"].createElement(\n 'div',\n { className: 'u-row-hover',\n onMouseEnter: this.onRowHoverMouseEnter, onMouseLeave: this.onRowHoverMouseLeave, ref: function ref(el) {\n return _this6.hoverDom = el;\n } },\n props.hoverContent()\n )\n );\n };\n\n return Table;\n}(_react.Component);\n\n;\n\nTable.propTypes = propTypes;\nTable.defaultProps = defaultProps;\nTable.contextTypes = {\n beeLocale: _propTypes2[\"default\"].object\n};\n\nexports[\"default\"] = Table;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 870 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _utils = __webpack_require__(87);\n\nvar _TableCell = __webpack_require__(872);\n\nvar _TableCell2 = _interopRequireDefault(_TableCell);\n\nvar _ExpandIcon = __webpack_require__(874);\n\nvar _ExpandIcon2 = _interopRequireDefault(_ExpandIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n onDestroy: _propTypes2[\"default\"].func,\n onRowClick: _propTypes2[\"default\"].func,\n onRowDoubleClick: _propTypes2[\"default\"].func,\n record: _propTypes2[\"default\"].object,\n clsPrefix: _propTypes2[\"default\"].string,\n expandIconColumnIndex: _propTypes2[\"default\"].number,\n onHover: _propTypes2[\"default\"].func,\n columns: _propTypes2[\"default\"].array,\n height: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].number]),\n visible: _propTypes2[\"default\"].bool,\n index: _propTypes2[\"default\"].number,\n hoverKey: _propTypes2[\"default\"].any,\n expanded: _propTypes2[\"default\"].bool,\n expandable: _propTypes2[\"default\"].any,\n onExpand: _propTypes2[\"default\"].func,\n needIndentSpaced: _propTypes2[\"default\"].bool,\n className: _propTypes2[\"default\"].string,\n indent: _propTypes2[\"default\"].number,\n indentSize: _propTypes2[\"default\"].number,\n expandIconAsCell: _propTypes2[\"default\"].bool,\n expandRowByClick: _propTypes2[\"default\"].bool,\n store: _propTypes2[\"default\"].object.isRequired,\n rowDraggAble: _propTypes2[\"default\"].bool,\n onDragRow: _propTypes2[\"default\"].func,\n onDragRowStart: _propTypes2[\"default\"].func\n};\n\nvar defaultProps = {\n onRowClick: function onRowClick() {},\n\n // onRowDoubleClick() {},\n onDestroy: function onDestroy() {},\n\n expandIconColumnIndex: 0,\n expandRowByClick: false,\n onHover: function onHover() {},\n\n className: '',\n setRowParentIndex: function setRowParentIndex() {},\n rowDraggAble: false\n // onDragRow:()=>{}\n};\n\nvar TableRow = function (_Component) {\n _inherits(TableRow, _Component);\n\n function TableRow(props) {\n _classCallCheck(this, TableRow);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.initEvent = function () {\n var events = [{ key: 'touchstart', fun: _this.onTouchStart }, //手指触摸到一个 DOM 元素时触发\n { key: 'touchmove', fun: _this.onTouchMove }, //手指在一个 DOM 元素上滑动时触发\n { key: 'touchend', fun: _this.onTouchEnd }, //手指从一个 DOM 元素上移开时触发\n\n { key: 'dragstart', fun: _this.onDragStart }, //用户开始拖动元素时触发\n { key: 'dragover', fun: _this.onDragOver }, //当某被拖动的对象在另一对象容器范围内拖动时触发此事件\n { key: 'drop', fun: _this.onDrop }, //在一个拖动过程中，释放鼠标键时触发此事件\n { key: 'dragenter', fun: _this.onDragEnter }, { key: 'dragleave', fun: _this.onDragLeave }];\n _this.eventListen(events, '', _this.element);\n };\n\n _this.removeDragAbleEvent = function () {\n var events = [{ key: 'touchstart', fun: _this.onTouchStart }, //手指触摸到一个 DOM 元素时触发\n { key: 'touchmove', fun: _this.onTouchMove }, //手指在一个 DOM 元素上滑动时触发\n { key: 'touchend', fun: _this.onTouchEnd }, //手指从一个 DOM 元素上移开时触发\n\n { key: 'dragstart', fun: _this.onDragStart }, //用户开始拖动元素时触发\n { key: 'dragover', fun: _this.onDragOver }, //当某被拖动的对象在另一对象容器范围内拖动时触发此事件\n { key: 'drop', fun: _this.onDrop }, //在一个拖动过程中，释放鼠标键时触发此事件\n { key: 'dragenter', fun: _this.onDragEnter }, { key: 'dragleave', fun: _this.onDragLeave }];\n _this.eventListen(events, 'remove', _this.element);\n };\n\n _this.onDragStart = function (e) {\n var onDragRowStart = _this.props.onDragRowStart;\n\n if (!_this.props.rowDraggAble) return;\n var event = _utils.Event.getEvent(e),\n target = _utils.Event.getTarget(event);\n _this.currentIndex = target.getAttribute(\"data-row-key\");\n _this._dragCurrent = target;\n\n //TODO 自定义图像后续需要增加。\n // let crt = this.synchronizeTableTrShadow();\n // document.getElementById(this.props.tableUid).appendChild(crt);\n // event.dataTransfer.setDragImage(crt, 0, 0);\n event.dataTransfer.effectAllowed = \"move\";\n event.dataTransfer.setData(\"Text\", _this.currentIndex);\n\n onDragRowStart && onDragRowStart(_this.currentIndex);\n };\n\n _this.onDragOver = function (e) {\n var event = _utils.Event.getEvent(e);\n event.preventDefault();\n };\n\n _this.onDrop = function (e) {\n var _this$props = _this.props,\n rowDraggAble = _this$props.rowDraggAble,\n onDragRow = _this$props.onDragRow;\n\n var event = _utils.Event.getEvent(e),\n _target = _utils.Event.getTarget(event),\n target = _target.parentNode;\n\n var currentKey = event.dataTransfer.getData(\"text\");\n var targetKey = target.getAttribute(\"data-row-key\");\n\n if (!targetKey || targetKey === currentKey) return;\n if (target.nodeName.toUpperCase() === \"TR\") {\n _this.synchronizeTableTr(currentKey, null);\n _this.synchronizeTableTr(targetKey, null);\n // target.setAttribute(\"style\",\"\");\n // this.synchronizeTrStyle(this.currentIndex,false);\n }\n onDragRow && onDragRow(currentKey, targetKey);\n };\n\n _this.getTouchDom = function (event) {\n var currentLocation = event.changedTouches[0];\n var realTarget = document.elementFromPoint(currentLocation.clientX, currentLocation.clientY);\n return realTarget;\n };\n\n _this.onTouchStart = function (e) {\n e.stopPropagation();\n var onDragRowStart = _this.props.onDragRowStart;\n\n var event = _utils.Event.getEvent(e),\n _target = _utils.Event.getTarget(event),\n target = _target.parentNode;\n\n if (target.tagName === 'TR') {\n\n _this.currentIndex = target.getAttribute(\"data-row-key\");\n\n onDragRowStart && onDragRowStart(_this.currentIndex);\n } else {\n\n _this.canBeTouch = false;\n }\n };\n\n _this.onTouchMove = function (e) {\n\n if (!_this.canBeTouch) return;\n e.stopPropagation();\n var event = _utils.Event.getEvent(e);\n event.preventDefault();\n var touchTarget = _this.getTouchDom(event),\n target = touchTarget.parentNode,\n targetKey = target.getAttribute(\"data-row-key\");\n if (!targetKey || targetKey === _this.currentIndex) return;\n if (target.nodeName.toUpperCase() === \"TR\") {\n if (_this.cacheCurrentIndex !== targetKey) {\n //模拟 touchenter toucheleave 事件\n _this.cacheCurrentIndex && _this.synchronizeTableTr(_this.cacheCurrentIndex, null); //去掉虚线\n _this.synchronizeTableTr(targetKey, true); //添加虚线\n }\n }\n };\n\n _this.onTouchEnd = function (e) {\n\n if (!_this.canBeTouch) {\n _this.canBeTouch = true;\n return;\n }\n\n e.stopPropagation();\n var onDragRow = _this.props.onDragRow;\n\n var event = _utils.Event.getEvent(e),\n currentKey = _this.currentIndex,\n //拖拽行的key\n touchTarget = _this.getTouchDom(event),\n //当前触摸的DOM节点\n target = touchTarget.parentNode,\n //目标位置的行\n targetKey = target.getAttribute(\"data-row-key\"); //目标位置的行key\n if (!targetKey || targetKey === currentKey) return;\n if (target.nodeName.toUpperCase() === \"TR\") {\n _this.synchronizeTableTr(currentKey, null);\n _this.synchronizeTableTr(targetKey, null);\n }\n\n onDragRow && onDragRow(currentKey, targetKey);\n };\n\n _this.synchronizeTableTrShadow = function () {\n var _this$props2 = _this.props,\n contentTable = _this$props2.contentTable,\n index = _this$props2.index;\n\n\n var cont = contentTable.querySelector('.u-table-scroll table tbody').getElementsByTagName(\"tr\")[index],\n trs = cont.getBoundingClientRect(),\n fixed_left_trs = contentTable.querySelector('.u-table-fixed-left table tbody'),\n fixed_right_trs = contentTable.querySelector('.u-table-fixed-right table tbody');\n fixed_left_trs = fixed_left_trs && fixed_left_trs.getElementsByTagName(\"tr\")[index].getBoundingClientRect();\n fixed_right_trs = fixed_right_trs && fixed_right_trs.getElementsByTagName(\"tr\")[index].getBoundingClientRect();\n\n var div = document.createElement(\"div\");\n var style = \"wdith:\" + (trs.width + (fixed_left_trs ? fixed_left_trs.width : 0) + (fixed_right_trs ? fixed_right_trs.width : 0)) + \"px\";\n style += \";height:\" + trs.height + \"px\";\n style += \";classname:\" + cont.className;\n div.setAttribute(\"style\", style);\n return div;\n };\n\n _this.synchronizeTableTr = function (currentIndex, type) {\n if (type) {\n //同步 this.cacheCurrentIndex\n _this.cacheCurrentIndex = currentIndex;\n }\n var contentTable = _this.props.contentTable;\n\n var _table_trs = contentTable.querySelector('.u-table-scroll table tbody'),\n _table_fixed_left_trs = contentTable.querySelector('.u-table-fixed-left table tbody'),\n _table_fixed_right_trs = contentTable.querySelector('.u-table-fixed-right table tbody');\n\n _table_trs = _table_trs ? _table_trs : contentTable.querySelector('.u-table table tbody');\n\n _this.synchronizeTrStyle(_table_trs, currentIndex, type);\n if (_table_fixed_left_trs) {\n _this.synchronizeTrStyle(_table_fixed_left_trs, currentIndex, type);\n }\n if (_table_fixed_right_trs) {\n _this.synchronizeTrStyle(_table_fixed_right_trs, currentIndex, type);\n }\n };\n\n _this.synchronizeTrStyle = function (_elementBody, id, type) {\n var contentTable = _this.props.contentTable,\n trs = _elementBody.getElementsByTagName(\"tr\"),\n currentObj = void 0;\n\n for (var index = 0; index < trs.length; index++) {\n var element = trs[index];\n if (element.getAttribute(\"data-row-key\") == id) {\n currentObj = element;\n }\n }\n if (type) {\n currentObj && currentObj.setAttribute(\"style\", \"border-bottom:2px dashed rgb(30, 136, 229)\");\n } else {\n currentObj && currentObj.setAttribute(\"style\", \"\");\n }\n };\n\n _this.onDragEnter = function (e) {\n var event = _utils.Event.getEvent(e),\n _target = _utils.Event.getTarget(event),\n target = _target.parentNode;\n var currentIndex = target.getAttribute(\"data-row-key\");\n if (!currentIndex || currentIndex === _this.currentIndex) return;\n if (target.nodeName.toUpperCase() === \"TR\") {\n _this.synchronizeTableTr(currentIndex, true);\n // target.setAttribute(\"style\",\"border-bottom:2px dashed rgba(5,0,0,0.25)\");\n // // target.style.backgroundColor = 'rgb(235, 236, 240)';\n }\n };\n\n _this.onDragLeave = function (e) {\n var event = _utils.Event.getEvent(e),\n _target = _utils.Event.getTarget(event),\n target = _target.parentNode;\n var currentIndex = target.getAttribute(\"data-row-key\");\n if (!currentIndex || currentIndex === _this.currentIndex) return;\n if (target.nodeName.toUpperCase() === \"TR\") {\n _this.synchronizeTableTr(currentIndex, null);\n }\n };\n\n _this.set = function (fn) {\n _this.clear();\n _this._timeout = window.setTimeout(fn, 300);\n };\n\n _this.clear = function (event) {\n if (_this._timeout) {\n window.clearTimeout(_this._timeout);\n }\n };\n\n _this.bindElement = function (el) {\n _this.element = el;\n };\n\n _this._timeout = null;\n _this.state = {\n hovered: false\n };\n _this.onRowClick = _this.onRowClick.bind(_this);\n _this.onRowDoubleClick = _this.onRowDoubleClick.bind(_this);\n _this.onMouseEnter = _this.onMouseEnter.bind(_this);\n _this.onMouseLeave = _this.onMouseLeave.bind(_this);\n _this.expandHeight = 0;\n _this.event = false;\n _this.cacheCurrentIndex = null;\n _this.canBeTouch = true; //受否允许拖动该行\n return _this;\n }\n\n TableRow.prototype.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n var _props = this.props,\n store = _props.store,\n hoverKey = _props.hoverKey,\n treeType = _props.treeType,\n rowDraggAble = _props.rowDraggAble;\n\n this.unsubscribe = store.subscribe(function () {\n if (store.getState().currentHoverKey === hoverKey) {\n _this2.setState({ hovered: true });\n } else if (_this2.state.hovered === true) {\n _this2.setState({ hovered: false });\n }\n });\n\n this.setRowHeight();\n if (treeType) {\n this.setRowParentIndex();\n }\n };\n\n /**\n * 事件初始化\n */\n\n\n /**\n * 事件移除，提供性能以及内存泄漏等问题。\n */\n\n\n /**\n * 事件绑定和移除函数\n */\n TableRow.prototype.eventListen = function eventListen(events, type, eventSource) {\n for (var i = 0; i < events.length; i++) {\n var _event = events[i];\n if (type === \"remove\") {\n _utils.EventUtil.removeHandler(eventSource, _event.key, _event.fun);\n } else {\n _utils.EventUtil.addHandler(eventSource, _event.key, _event.fun);\n }\n }\n };\n\n /**\n * 开始调整交换列的事件\n */\n\n\n /**\n * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】\n * @memberof TableHeader\n */\n\n\n /**\n * 获取当前触摸的Dom节点\n */\n\n\n /**\n * 开始调整交换行的事件\n */\n\n\n /**\n * 手指移开时触发\n */\n\n\n /**\n *同步当前拖拽到阴影\n * @memberof TableRow\n */\n\n\n /**\n * 同步自己,也需要同步当前行的行显示\n */\n\n\n /**\n * 设置同步的style\n */\n\n\n TableRow.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n var rowDraggAble = this.props.rowDraggAble;\n\n if (!this.event) {\n this.event = true;\n if (rowDraggAble) {\n this.initEvent();\n }\n }\n\n if (this.props.treeType) {\n this.setRowParentIndex();\n }\n this.setRowHeight();\n };\n\n TableRow.prototype.componentWillUnmount = function componentWillUnmount() {\n var _props2 = this.props,\n record = _props2.record,\n onDestroy = _props2.onDestroy,\n index = _props2.index,\n rowDraggAble = _props2.rowDraggAble;\n\n onDestroy(record, index);\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n if (rowDraggAble) {\n this.removeDragAbleEvent();\n }\n };\n\n TableRow.prototype.setRowHeight = function setRowHeight() {\n var _props3 = this.props,\n setRowHeight = _props3.setRowHeight,\n _props3$expandedConte = _props3.expandedContentHeight,\n expandedContentHeight = _props3$expandedConte === undefined ? 0 : _props3$expandedConte,\n fixed = _props3.fixed,\n fixedIndex = _props3.fixedIndex;\n\n if (!setRowHeight || !this.element || fixed) return;\n setRowHeight(this.element.clientHeight + expandedContentHeight, fixedIndex);\n };\n\n TableRow.prototype.setRowParentIndex = function setRowParentIndex() {\n var _props4 = this.props,\n index = _props4.index,\n setRowParentIndex = _props4.setRowParentIndex,\n fixedIndex = _props4.fixedIndex,\n rootIndex = _props4.rootIndex;\n\n setRowParentIndex(rootIndex < 0 ? index : rootIndex, fixedIndex);\n };\n\n TableRow.prototype.onRowClick = function onRowClick(event) {\n // fix: 解决 onRowClick 回调函数中，事件对象属性均为 null 的问题\n // 异步访问事件属性\n // 调用 event.persist() 会从事件池中移除该合成函数并允许对该合成事件的引用被保留下来。\n event.persist();\n var _props5 = this.props,\n record = _props5.record,\n index = _props5.index,\n onRowClick = _props5.onRowClick,\n expandable = _props5.expandable,\n expandRowByClick = _props5.expandRowByClick,\n expanded = _props5.expanded,\n onExpand = _props5.onExpand,\n fixedIndex = _props5.fixedIndex,\n onRowDoubleClick = _props5.onRowDoubleClick;\n\n if (expandable && expandRowByClick) {\n onExpand(!expanded, record, fixedIndex, event);\n }\n if (!onRowDoubleClick) {\n onRowClick(record, fixedIndex, event);\n return;\n }\n this.set(function (e) {\n onRowClick(record, fixedIndex, event);\n });\n };\n\n TableRow.prototype.onRowDoubleClick = function onRowDoubleClick(event) {\n var _props6 = this.props,\n record = _props6.record,\n index = _props6.index,\n onRowDoubleClick = _props6.onRowDoubleClick,\n fixedIndex = _props6.fixedIndex;\n\n this.clear();\n onRowDoubleClick && onRowDoubleClick(record, fixedIndex, event);\n };\n\n TableRow.prototype.onMouseEnter = function onMouseEnter(e) {\n var _props7 = this.props,\n onHover = _props7.onHover,\n hoverKey = _props7.hoverKey,\n fixedIndex = _props7.fixedIndex,\n syncHover = _props7.syncHover,\n record = _props7.record;\n\n if (syncHover) {\n this.setState({ hovered: true });\n }\n onHover(true, hoverKey, e, fixedIndex, record);\n };\n\n TableRow.prototype.onMouseLeave = function onMouseLeave(e) {\n var _props8 = this.props,\n onHover = _props8.onHover,\n hoverKey = _props8.hoverKey,\n fixedIndex = _props8.fixedIndex,\n syncHover = _props8.syncHover,\n record = _props8.record;\n\n if (syncHover) {\n this.setState({ hovered: false });\n }\n onHover(false, hoverKey, e, fixedIndex, record);\n };\n\n TableRow.prototype.render = function render() {\n var _props9 = this.props,\n clsPrefix = _props9.clsPrefix,\n columns = _props9.columns,\n record = _props9.record,\n height = _props9.height,\n visible = _props9.visible,\n index = _props9.index,\n expandIconColumnIndex = _props9.expandIconColumnIndex,\n expandIconAsCell = _props9.expandIconAsCell,\n expanded = _props9.expanded,\n expandRowByClick = _props9.expandRowByClick,\n rowDraggAble = _props9.rowDraggAble,\n expandable = _props9.expandable,\n onExpand = _props9.onExpand,\n needIndentSpaced = _props9.needIndentSpaced,\n indent = _props9.indent,\n indentSize = _props9.indentSize,\n isHiddenExpandIcon = _props9.isHiddenExpandIcon,\n fixed = _props9.fixed,\n bodyDisplayInRow = _props9.bodyDisplayInRow,\n expandedIcon = _props9.expandedIcon,\n collapsedIcon = _props9.collapsedIcon,\n hoverKey = _props9.hoverKey,\n lazyStartIndex = _props9.lazyStartIndex,\n lazyEndIndex = _props9.lazyEndIndex,\n expandIconCellWidth = _props9.expandIconCellWidth;\n\n var showSum = false;\n var className = this.props.className;\n\n if (this.state.hovered) {\n className += ' ' + clsPrefix + '-hover';\n }\n //判断是否为合计行\n if (className.indexOf('sumrow') > -1) {\n showSum = true;\n }\n var cells = [];\n\n var expandIcon = _react2[\"default\"].createElement(_ExpandIcon2[\"default\"], {\n expandable: expandable,\n clsPrefix: clsPrefix,\n onExpand: onExpand,\n needIndentSpaced: needIndentSpaced,\n expanded: expanded,\n record: record,\n expandedIcon: expandedIcon,\n collapsedIcon: collapsedIcon,\n isHiddenExpandIcon: isHiddenExpandIcon\n });\n var isExpandIconAsCell = expandIconAsCell ? clsPrefix + '-expand-columns-in-body' : '';\n var expandIndexInThisTable;\n if (this.props.fixed === 'right') {\n expandIndexInThisTable = expandIconColumnIndex - this.props.leftColumnsLength - this.props.centerColumnsLength;\n } else {\n expandIndexInThisTable = expandIconColumnIndex;\n }\n for (var i = 0; i < columns.length; i++) {\n if (expandIconAsCell && i === 0 && !showSum) {\n cells.push(_react2[\"default\"].createElement(\n 'td',\n {\n className: clsPrefix + '-expand-icon-cell ' + isExpandIconAsCell,\n key: 'rc-table-expand-icon-cell-' + i,\n width: expandIconCellWidth\n },\n expandIcon\n ));\n }\n // bugfix 设置expandRowByClick，无法显示箭头，去掉 expandRowByClick 判断\n var isColumnHaveExpandIcon = expandIconAsCell || showSum ? false : i === expandIndexInThisTable;\n cells.push(_react2[\"default\"].createElement(_TableCell2[\"default\"], {\n clsPrefix: clsPrefix,\n record: record,\n indentSize: indentSize,\n indent: indent,\n index: index,\n column: columns[i],\n key: index + \"_\" + (columns[i].key || columns[i].dataIndex || i),\n fixed: fixed,\n showSum: showSum,\n expandIcon: isColumnHaveExpandIcon ? expandIcon : null,\n bodyDisplayInRow: bodyDisplayInRow,\n lazyStartIndex: lazyStartIndex,\n lazyEndIndex: lazyEndIndex\n }));\n }\n var style = _extends({ height: height }, record ? record.style : undefined);\n if (!visible) {\n style.display = 'none';\n }\n if (record && record._checked) {\n className += ' selected';\n }\n return _react2[\"default\"].createElement(\n 'tr',\n {\n draggable: rowDraggAble,\n onClick: this.onRowClick,\n onDoubleClick: this.onRowDoubleClick,\n onMouseEnter: this.onMouseEnter,\n onMouseLeave: this.onMouseLeave,\n className: clsPrefix + ' ' + className + ' ' + clsPrefix + '-level-' + indent,\n style: style,\n 'data-row-key': record && record.key ? record.key : hoverKey\n // key={hoverKey}\n , ref: this.bindElement\n },\n cells.length > 0 ? cells : _react2[\"default\"].createElement('td', { style: { width: 0, padding: 0 } })\n );\n };\n\n return TableRow;\n}(_react.Component);\n\n;\n\nTableRow.propTypes = propTypes;\nTableRow.defaultProps = defaultProps;\n\nexports[\"default\"] = TableRow;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 871 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar root = __webpack_require__(76),\n toString = __webpack_require__(169);\n\n/** Used to match leading and trailing whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeParseInt = root.parseInt;\n\n/**\n * Converts `string` to an integer of the specified radix. If `radix` is\n * `undefined` or `0`, a `radix` of `10` is used unless `value` is a\n * hexadecimal, in which case a `radix` of `16` is used.\n *\n * **Note:** This method aligns with the\n * [ES5 implementation](https://es5.github.io/#x15.1.2.2) of `parseInt`.\n *\n * @static\n * @memberOf _\n * @since 1.1.0\n * @category String\n * @param {string} string The string to convert.\n * @param {number} [radix=10] The radix to interpret `value` by.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {number} Returns the converted integer.\n * @example\n *\n * _.parseInt('08');\n * // => 8\n *\n * _.map(['6', '08', '10'], _.parseInt);\n * // => [6, 8, 10]\n */\nfunction parseInt(string, radix, guard) {\n if (guard || radix == null) {\n radix = 0;\n } else if (radix) {\n radix = +radix;\n }\n return nativeParseInt(toString(string).replace(reTrimStart, ''), radix || 0);\n}\n\nmodule.exports = parseInt;\n\n\n/***/ }),\n/* 872 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _objectPath = __webpack_require__(873);\n\nvar _objectPath2 = _interopRequireDefault(_objectPath);\n\nvar _i18n = __webpack_require__(140);\n\nvar _i18n2 = _interopRequireDefault(_i18n);\n\nvar _tool = __webpack_require__(141);\n\nvar _utils = __webpack_require__(87);\n\nvar _beeDropdown = __webpack_require__(124);\n\nvar _beeDropdown2 = _interopRequireDefault(_beeDropdown);\n\nvar _beeMenus = __webpack_require__(128);\n\nvar _beeMenus2 = _interopRequireDefault(_beeMenus);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar Item = _beeMenus2[\"default\"].Item;\n\nvar propTypes = {\n record: _propTypes2[\"default\"].object,\n clsPrefix: _propTypes2[\"default\"].string,\n index: _propTypes2[\"default\"].number,\n indent: _propTypes2[\"default\"].number,\n indentSize: _propTypes2[\"default\"].number,\n column: _propTypes2[\"default\"].object,\n expandIcon: _propTypes2[\"default\"].node\n};\n\nvar TableCell = function (_Component) {\n _inherits(TableCell, _Component);\n\n function TableCell(props) {\n _classCallCheck(this, TableCell);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.renderLinkType = function (data, record, index) {\n var config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n var url = config.url,\n urlIndex = config.urlIndex,\n linkType = config.linkType,\n className = config.className,\n underline = config.underline,\n descIndex = config.descIndex,\n desc = config.desc,\n linkColor = config.linkColor;\n\n var linkUrl = '';\n if (url) {\n linkUrl = url(data, record, index);\n } else if (urlIndex) {\n linkUrl = record[urlIndex];\n }\n if (linkUrl) {\n var link = function link() {\n window.open(linkUrl, linkType || '_blank');\n };\n var cls = 'u-table-link u-table-fieldtype ';\n if (className) {\n cls += className + ' ';\n }\n if (underline) {\n cls += 'u-table-link-underline ';\n }\n var title = '';\n\n if (desc === true) {\n title = linkUrl;\n } else if (typeof desc === 'string') {\n title = desc;\n } else if (typeof desc === 'function') {\n title = desc(data, record, index);\n } else if (descIndex) {\n title = record[descIndex];\n }\n return _react2[\"default\"].createElement(\n 'span',\n { onClick: link, className: cls, style: { color: linkColor || '' }, title: title },\n data\n );\n }\n return data;\n };\n\n _this.renderBoolType = function (data) {\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var locale = (0, _tool.getComponentLocale)(_this.props, _this.context, 'Table', function () {\n return _i18n2[\"default\"];\n });\n var boolConfig = _extends({ trueText: locale['bool_true'], falseText: locale['bool_false'] }, config);\n if (typeof data === 'string') {\n if (data === 'false' || data === '0') {\n return boolConfig.falseText;\n }\n } else if (!data) {\n return boolConfig.falseText;\n }\n return boolConfig.trueText;\n };\n\n _this.renderNumber = function (data) {\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;\n var precision = config.precision,\n thousand = config.thousand,\n makeUp = config.makeUp,\n preSymbol = config.preSymbol,\n nextSymbol = config.nextSymbol;\n\n var number = (0, _utils.formatMoney)(data, precision, thousand);\n if (makeUp === false && number.indexOf('.') !== -1) {\n number = number.replace(/0*$/, '').replace(/\\.$/, '');\n }\n var numberWidth = parseInt(width) - 16; // 减去默认的左右padding共计16px\n var res = _react2[\"default\"].createElement(\n 'span',\n { className: 'u-table-currency-number' },\n number\n );\n var pre = preSymbol ? _react2[\"default\"].createElement(\n 'span',\n { className: 'u-table-currency-pre' },\n preSymbol\n ) : null;\n var next = nextSymbol ? _react2[\"default\"].createElement(\n 'span',\n { className: 'u-table-currency-next' },\n nextSymbol\n ) : null;\n var title = '';\n title += typeof preSymbol === 'string' ? preSymbol : '';\n title += number;\n title += typeof nextSymbol === 'string' ? nextSymbol : '';\n return _react2[\"default\"].createElement(\n 'span',\n { className: 'u-table-currency u-table-fieldtype', style: { width: numberWidth }, title: title },\n pre,\n res,\n next\n );\n };\n\n _this.renderDate = function (data) {\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n var moment = config.moment,\n format = config.format;\n\n if (!moment) return data;\n return moment(data).format(format || 'YYYY-MM-DD');\n };\n\n _this.renderSelect = function (data) {\n var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (config.options) {\n data = config.options[data] || config.defaultShow;\n }\n return data;\n };\n\n _this.renderColumnMenu = function (colMenu, text, record, index) {\n if (!colMenu) return null;\n var menu = colMenu.menu,\n _colMenu$trigger = colMenu.trigger,\n trigger = _colMenu$trigger === undefined ? 'hover' : _colMenu$trigger,\n _colMenu$className = colMenu.className,\n className = _colMenu$className === undefined ? '' : _colMenu$className,\n _colMenu$icon = colMenu.icon,\n icon = _colMenu$icon === undefined ? _react2[\"default\"].createElement('i', { className: 'uf uf-3dot-h' }) : _colMenu$icon,\n _colMenu$iconSize = colMenu.iconSize,\n iconSize = _colMenu$iconSize === undefined ? 21 : _colMenu$iconSize;\n\n var items = [];\n items = menu.map(function (item) {\n return _react2[\"default\"].createElement(\n Item,\n { key: item.key, onClick: function onClick() {\n _this.onClickColMenu(item.callback, text, record, index);\n } },\n item.icon,\n item.text\n );\n });\n if (items.length === 0) return null;\n className += ' u-table-inline-op-dropdowm';\n var menus = _react2[\"default\"].createElement(\n _beeMenus2[\"default\"],\n { className: className },\n items\n );\n var top = 'calc(50% - ' + iconSize / 2 + 'px)';\n var visibility = _this.state.showDropdowm ? 'visible' : '';\n var iconClassName = 'u-table-inline-op-icon u-table-inline-op-icon-hover';\n return _react2[\"default\"].createElement(\n _beeDropdown2[\"default\"],\n {\n trigger: [trigger],\n overlay: menus,\n animation: 'slide-up',\n onVisibleChange: _this.changeShowDropdowm\n },\n _react2[\"default\"].createElement(\n 'span',\n { className: iconClassName, style: { fontSize: iconSize, top: top, visibility: visibility } },\n icon\n )\n );\n };\n\n _this.changeShowDropdowm = function (val) {\n _this.setState({\n showDropdowm: val\n });\n };\n\n _this.onClickColMenu = function (callback, text, record, index) {\n if (callback) {\n callback(text, record, index);\n }\n _this.setState({\n showDropdowm: false\n });\n };\n\n _this.isInvalidRenderCellText = _this.isInvalidRenderCellText.bind(_this);\n _this.handleClick = _this.handleClick.bind(_this);\n _this.state = {\n showDropdowm: false\n };\n return _this;\n }\n\n TableCell.prototype.isInvalidRenderCellText = function isInvalidRenderCellText(text) {\n return text && !_react2[\"default\"].isValidElement(text) && Object.prototype.toString.call(text) === '[object Object]';\n };\n\n TableCell.prototype.handleClick = function handleClick(e) {\n var _props = this.props,\n record = _props.record,\n onCellClick = _props.column.onCellClick;\n\n if (onCellClick) {\n onCellClick(record, e);\n }\n };\n\n // 渲染链接类型\n\n\n // 渲染布尔类型\n\n\n // 渲染整数/货币类型\n\n\n // 渲染时间类型-l\n\n\n // 渲染下拉类型，主要为编辑表格铺垫\n\n\n // 渲染行内菜单\n\n\n // 下拉按钮状态改变，点击后保持图标常驻\n\n\n // 菜单点击事件\n\n\n TableCell.prototype.render = function render() {\n var _props2 = this.props,\n record = _props2.record,\n indentSize = _props2.indentSize,\n clsPrefix = _props2.clsPrefix,\n indent = _props2.indent,\n index = _props2.index,\n expandIcon = _props2.expandIcon,\n column = _props2.column,\n fixed = _props2.fixed,\n showSum = _props2.showSum,\n bodyDisplayInRow = _props2.bodyDisplayInRow,\n lazyStartIndex = _props2.lazyStartIndex,\n lazyEndIndex = _props2.lazyEndIndex;\n var dataIndex = column.dataIndex,\n render = column.render,\n fieldType = column.fieldType,\n linkConfig = column.linkConfig,\n fontColor = column.fontColor,\n bgColor = column.bgColor;\n var _column$className = column.className,\n className = _column$className === undefined ? '' : _column$className;\n\n\n var text = _objectPath2[\"default\"].get(record, dataIndex);\n var tdProps = void 0;\n var colSpan = void 0;\n var rowSpan = void 0,\n title = void 0;\n\n if (render && !showSum) {\n text = render(text, record, index);\n if (this.isInvalidRenderCellText(text)) {\n tdProps = text.props || {};\n rowSpan = tdProps.rowSpan > lazyEndIndex && lazyEndIndex > 5 ? lazyEndIndex - index : tdProps.rowSpan;\n colSpan = tdProps.colSpan;\n text = text.children;\n }\n }\n\n var colMenu = this.renderColumnMenu(column.cellMenu, text, record, index);\n // 根据 fieldType 来渲染数据\n if (!render) {\n switch (column.fieldType) {\n case 'link':\n {\n text = this.renderLinkType(text, record, index, column.linkConfig);\n break;\n }\n case 'bool':\n {\n text = this.renderBoolType(text, column.boolConfig);\n break;\n }\n case 'currency':\n {\n var config = {\n precision: 2, // 精度值,需要大于0\n thousand: true, // 是否显示千分符号\n makeUp: true, // 末位是否补零\n preSymbol: '', // 前置符号\n nextSymbol: '' // 后置符号\n };\n text = this.renderNumber(text, _extends({}, config, column.currencyConfig), column.width);\n break;\n }\n case 'number':\n {\n var _config = {\n precision: 0, // 精度值,需要大于0\n thousand: true, // 是否显示千分符号\n makeUp: false, // 末位是否补零\n preSymbol: '', // 前置符号\n nextSymbol: '' // 后置符号\n };\n text = this.renderNumber(text, _extends({}, _config, column.numberConfig), column.width);\n break;\n }\n case 'date':\n {\n text = this.renderDate(text, column.dateConfig);\n break;\n }\n case 'select':\n {\n text = this.renderSelect(text, column.selectConfig);\n break;\n }\n default:\n {\n break;\n }\n }\n }\n\n if (this.isInvalidRenderCellText(text)) {\n text = null;\n }\n\n var indentText = expandIcon ? _react2[\"default\"].createElement('span', {\n style: { paddingLeft: indentSize * indent + 'px' },\n className: clsPrefix + '-indent indent-level-' + indent\n }) : null;\n\n if (lazyStartIndex !== index && (rowSpan === 0 || colSpan === 0)) {\n return null;\n }\n if (tdProps && tdProps.mergeEndIndex && index < tdProps.mergeEndIndex && rowSpan === 0) {\n rowSpan = tdProps.mergeEndIndex - index;\n text = '';\n }\n //不是固定表格并且当前列是固定，则隐藏当前列\n if (column.fixed && !fixed) {\n className = className + (' ' + clsPrefix + '-fixed-columns-in-body');\n }\n if (column.contentAlign) {\n className = className + (' text-' + column.contentAlign);\n } else if (column.textAlign) {\n className = className + (' text-' + column.textAlign);\n }\n if ((typeof text == 'string' || typeof text === 'number') && bodyDisplayInRow) {\n title = text;\n }\n if (expandIcon && expandIcon.props.expandable) {\n className = className + (' ' + clsPrefix + '-has-expandIcon');\n }\n if (colMenu) {\n className += ' u-table-inline-icon';\n }\n return _react2[\"default\"].createElement(\n _react.Fragment,\n null,\n colSpan == 0 ? null : _react2[\"default\"].createElement(\n 'td',\n {\n colSpan: colSpan,\n rowSpan: rowSpan,\n className: className,\n onClick: this.handleClick,\n title: title,\n style: _extends({ maxWidth: column.width, color: fontColor, backgroundColor: bgColor }, column.style) },\n indentText,\n expandIcon,\n text,\n colMenu\n )\n );\n };\n\n return TableCell;\n}(_react.Component);\n\n;\n\nTableCell.propTypes = propTypes;\n\nexports[\"default\"] = TableCell;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 873 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (root, factory){\n 'use strict';\n\n /*istanbul ignore next:cant test*/\n if (typeof module === 'object' && typeof module.exports === 'object') {\n module.exports = factory();\n } else if (true) {\n // AMD. Register as an anonymous module.\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else {\n // Browser globals\n root.objectPath = factory();\n }\n})(this, function(){\n 'use strict';\n\n var toStr = Object.prototype.toString;\n function hasOwnProperty(obj, prop) {\n if(obj == null) {\n return false\n }\n //to handle objects with null prototypes (too edge case?)\n return Object.prototype.hasOwnProperty.call(obj, prop)\n }\n\n function isEmpty(value){\n if (!value) {\n return true;\n }\n if (isArray(value) && value.length === 0) {\n return true;\n } else if (typeof value !== 'string') {\n for (var i in value) {\n if (hasOwnProperty(value, i)) {\n return false;\n }\n }\n return true;\n }\n return false;\n }\n\n function toString(type){\n return toStr.call(type);\n }\n\n function isObject(obj){\n return typeof obj === 'object' && toString(obj) === \"[object Object]\";\n }\n\n var isArray = Array.isArray || function(obj){\n /*istanbul ignore next:cant test*/\n return toStr.call(obj) === '[object Array]';\n }\n\n function isBoolean(obj){\n return typeof obj === 'boolean' || toString(obj) === '[object Boolean]';\n }\n\n function getKey(key){\n var intKey = parseInt(key);\n if (intKey.toString() === key) {\n return intKey;\n }\n return key;\n }\n\n function factory(options) {\n options = options || {}\n\n var objectPath = function(obj) {\n return Object.keys(objectPath).reduce(function(proxy, prop) {\n if(prop === 'create') {\n return proxy;\n }\n\n /*istanbul ignore else*/\n if (typeof objectPath[prop] === 'function') {\n proxy[prop] = objectPath[prop].bind(objectPath, obj);\n }\n\n return proxy;\n }, {});\n };\n\n function hasShallowProperty(obj, prop) {\n return (options.includeInheritedProps || (typeof prop === 'number' && Array.isArray(obj)) || hasOwnProperty(obj, prop))\n }\n\n function getShallowProperty(obj, prop) {\n if (hasShallowProperty(obj, prop)) {\n return obj[prop];\n }\n }\n\n function set(obj, path, value, doNotReplace){\n if (typeof path === 'number') {\n path = [path];\n }\n if (!path || path.length === 0) {\n return obj;\n }\n if (typeof path === 'string') {\n return set(obj, path.split('.').map(getKey), value, doNotReplace);\n }\n var currentPath = path[0];\n var currentValue = getShallowProperty(obj, currentPath);\n if (path.length === 1) {\n if (currentValue === void 0 || !doNotReplace) {\n obj[currentPath] = value;\n }\n return currentValue;\n }\n\n if (currentValue === void 0) {\n //check if we assume an array\n if(typeof path[1] === 'number') {\n obj[currentPath] = [];\n } else {\n obj[currentPath] = {};\n }\n }\n\n return set(obj[currentPath], path.slice(1), value, doNotReplace);\n }\n\n objectPath.has = function (obj, path) {\n if (typeof path === 'number') {\n path = [path];\n } else if (typeof path === 'string') {\n path = path.split('.');\n }\n\n if (!path || path.length === 0) {\n return !!obj;\n }\n\n for (var i = 0; i < path.length; i++) {\n var j = getKey(path[i]);\n\n if((typeof j === 'number' && isArray(obj) && j < obj.length) ||\n (options.includeInheritedProps ? (j in Object(obj)) : hasOwnProperty(obj, j))) {\n obj = obj[j];\n } else {\n return false;\n }\n }\n\n return true;\n };\n\n objectPath.ensureExists = function (obj, path, value){\n return set(obj, path, value, true);\n };\n\n objectPath.set = function (obj, path, value, doNotReplace){\n return set(obj, path, value, doNotReplace);\n };\n\n objectPath.insert = function (obj, path, value, at){\n var arr = objectPath.get(obj, path);\n at = ~~at;\n if (!isArray(arr)) {\n arr = [];\n objectPath.set(obj, path, arr);\n }\n arr.splice(at, 0, value);\n };\n\n objectPath.empty = function(obj, path) {\n if (isEmpty(path)) {\n return void 0;\n }\n if (obj == null) {\n return void 0;\n }\n\n var value, i;\n if (!(value = objectPath.get(obj, path))) {\n return void 0;\n }\n\n if (typeof value === 'string') {\n return objectPath.set(obj, path, '');\n } else if (isBoolean(value)) {\n return objectPath.set(obj, path, false);\n } else if (typeof value === 'number') {\n return objectPath.set(obj, path, 0);\n } else if (isArray(value)) {\n value.length = 0;\n } else if (isObject(value)) {\n for (i in value) {\n if (hasShallowProperty(value, i)) {\n delete value[i];\n }\n }\n } else {\n return objectPath.set(obj, path, null);\n }\n };\n\n objectPath.push = function (obj, path /*, values */){\n var arr = objectPath.get(obj, path);\n if (!isArray(arr)) {\n arr = [];\n objectPath.set(obj, path, arr);\n }\n\n arr.push.apply(arr, Array.prototype.slice.call(arguments, 2));\n };\n\n objectPath.coalesce = function (obj, paths, defaultValue) {\n var value;\n\n for (var i = 0, len = paths.length; i < len; i++) {\n if ((value = objectPath.get(obj, paths[i])) !== void 0) {\n return value;\n }\n }\n\n return defaultValue;\n };\n\n objectPath.get = function (obj, path, defaultValue){\n if (typeof path === 'number') {\n path = [path];\n }\n if (!path || path.length === 0) {\n return obj;\n }\n if (obj == null) {\n return defaultValue;\n }\n if (typeof path === 'string') {\n return objectPath.get(obj, path.split('.'), defaultValue);\n }\n\n var currentPath = getKey(path[0]);\n var nextObj = getShallowProperty(obj, currentPath)\n if (nextObj === void 0) {\n return defaultValue;\n }\n\n if (path.length === 1) {\n return nextObj;\n }\n\n return objectPath.get(obj[currentPath], path.slice(1), defaultValue);\n };\n\n objectPath.del = function del(obj, path) {\n if (typeof path === 'number') {\n path = [path];\n }\n\n if (obj == null) {\n return obj;\n }\n\n if (isEmpty(path)) {\n return obj;\n }\n if(typeof path === 'string') {\n return objectPath.del(obj, path.split('.'));\n }\n\n var currentPath = getKey(path[0]);\n if (!hasShallowProperty(obj, currentPath)) {\n return obj;\n }\n\n if(path.length === 1) {\n if (isArray(obj)) {\n obj.splice(currentPath, 1);\n } else {\n delete obj[currentPath];\n }\n } else {\n return objectPath.del(obj[currentPath], path.slice(1));\n }\n\n return obj;\n }\n\n return objectPath;\n }\n\n var mod = factory();\n mod.create = factory;\n mod.withInheritedProps = factory({includeInheritedProps: true})\n return mod;\n});\n\n\n/***/ }),\n/* 874 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _shallowequal = __webpack_require__(47);\n\nvar _shallowequal2 = _interopRequireDefault(_shallowequal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n record: _propTypes2[\"default\"].object,\n clsPrefix: _propTypes2[\"default\"].string,\n expandable: _propTypes2[\"default\"].any,\n expanded: _propTypes2[\"default\"].bool,\n needIndentSpaced: _propTypes2[\"default\"].bool,\n onExpand: _propTypes2[\"default\"].func\n};\n\nvar ExpandIcon = function (_Component) {\n _inherits(ExpandIcon, _Component);\n\n function ExpandIcon(props) {\n _classCallCheck(this, ExpandIcon);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.onExpand = function (status, record, e) {\n var onExpand = _this.props.onExpand;\n\n e.stopPropagation();\n onExpand(status, record, e);\n };\n\n return _this;\n }\n\n ExpandIcon.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {\n return !(0, _shallowequal2[\"default\"])(nextProps, this.props);\n };\n\n ExpandIcon.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n expandable = _props.expandable,\n clsPrefix = _props.clsPrefix,\n onExpand = _props.onExpand,\n needIndentSpaced = _props.needIndentSpaced,\n expanded = _props.expanded,\n record = _props.record,\n isHiddenExpandIcon = _props.isHiddenExpandIcon,\n expandedIcon = _props.expandedIcon,\n collapsedIcon = _props.collapsedIcon;\n\n if (expandable && !isHiddenExpandIcon) {\n var expandClassName = expanded ? 'expanded' : 'collapsed';\n var currentIcon = _react2[\"default\"].createElement('span', {\n className: clsPrefix + '-expand-icon ' + clsPrefix + '-' + expandClassName\n });\n if (expanded && expandedIcon) {\n currentIcon = expandedIcon;\n } else if (!expanded && collapsedIcon) {\n currentIcon = collapsedIcon;\n }\n return _react2[\"default\"].createElement(\n 'span',\n { onClick: function onClick(e) {\n return _this2.onExpand(!expanded, record, e);\n }, className: 'expand-icon-con' },\n currentIcon\n );\n } else if (needIndentSpaced || isHiddenExpandIcon) {\n return _react2[\"default\"].createElement('span', { className: clsPrefix + '-expand-icon ' + clsPrefix + '-spaced' });\n }\n return null;\n };\n\n return ExpandIcon;\n}(_react.Component);\n\n;\n\nExpandIcon.propTypes = propTypes;\n\nexports[\"default\"] = ExpandIcon;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 875 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _throttleDebounce = __webpack_require__(876);\n\nvar _utils = __webpack_require__(87);\n\nvar _FilterType = __webpack_require__(877);\n\nvar _FilterType2 = _interopRequireDefault(_FilterType);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n clsPrefix: _propTypes2[\"default\"].string,\n rowStyle: _propTypes2[\"default\"].object,\n rows: _propTypes2[\"default\"].array\n};\n\nfunction getDiv(id) {\n var div = document.createElement(\"div\");\n div.className = \"u-table-drag-hidden-cont\";\n div.id = id;\n return div;\n}\n\nvar TableHeader = function (_Component) {\n _inherits(TableHeader, _Component);\n\n function TableHeader(props) {\n _classCallCheck(this, TableHeader);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n _this.currentObj = null;\n _this.theadKey = new Date().getTime();\n _this.drag = {\n option: ''\n };\n _this.minWidth = parseInt(props.minColumnWidth);\n _this.table = null;\n _this._thead = null; //当前对象\n _this.event = false; //避免多次绑定问题\n _this.lastColumWidth = null; //非固定列最后一列的初始化宽度\n _this.fixedTable = {};\n return _this;\n }\n\n TableHeader.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var _this2 = this;\n\n // 表格column改变时，要重新绑定拖拽事件，否则拖拽不生效\n var oldCols = this.props.columnsChildrenList;\n var newCols = nextProps.columnsChildrenList;\n\n if (this._thead) {\n if (newCols.length !== oldCols.length) {\n this.event = false;\n return;\n }\n oldCols.some(function (item, index) {\n if (newCols[index] && newCols[index].dataIndex !== item.dataIndex) {\n _this2.event = false;\n return true;\n }\n });\n }\n };\n\n TableHeader.prototype.componentDidUpdate = function componentDidUpdate() {\n this.initTable();\n this.initEvent();\n };\n\n TableHeader.prototype.componentDidMount = function componentDidMount() {\n var uid = \"_table_uid_\" + new Date().getTime();\n this._table_none_cont_id = uid;\n var div = getDiv(uid);\n document.querySelector(\"body\").appendChild(div);\n };\n\n TableHeader.prototype.componentWillUnmount = function componentWillUnmount() {\n var _this3 = this;\n\n this.fixedTable = null;\n if (!this.table) return;\n if (this.props.draggable) {\n this.removeDragAbleEvent();\n }\n if (this.props.dragborder) {\n this.removeDragBorderEvent();\n }\n this.doEventList(this.table.tr, function (tr) {\n _this3.eventListen([{ key: 'mousedown', fun: _this3.onTrMouseDown }], 'remove', tr);\n });\n // this.eventListen([{key:'mousedown',fun:this.onTrMouseDown}],'remove',this.table.tr[0]);\n this.eventListen([{ key: 'mouseup', fun: this.bodyonLineMouseUp }], 'remove', document.body);\n };\n\n /**\n * 获取table的属性存放在this.table 中。(公用方法)\n * @returns\n * @memberof TableHeader\n */\n\n\n TableHeader.prototype.initTable = function initTable() {\n var contentTable = this.props.contentTable;\n\n if (!this.props.dragborder && !this.props.draggable) return;\n var tableDome = this._thead.parentNode;\n var table = {};\n if (tableDome && tableDome.nodeName && tableDome.nodeName.toUpperCase() == \"TABLE\") {\n table.table = tableDome;\n table.cols = tableDome.getElementsByTagName(\"col\");\n table.ths = tableDome.getElementsByTagName(\"th\");\n table.tr = tableDome.getElementsByTagName(\"tr\");\n table.tableBody = contentTable.querySelector('.u-table-scroll .u-table-body') && contentTable.querySelector('.u-table-scroll .u-table-body');\n table.tableBodyCols = contentTable.querySelector('.u-table-scroll .u-table-body') && contentTable.querySelector('.u-table-scroll .u-table-body').getElementsByTagName(\"col\");\n }\n\n table.fixedLeftHeaderTable = contentTable.querySelector('.u-table-fixed-left .u-table-header');\n table.fixedRighHeadertTable = contentTable.querySelector('.u-table-fixed-right .u-table-header');\n table.contentTableHeader = contentTable.querySelector('.u-table-scroll .u-table-header');\n table.fixedLeftBodyTable = contentTable.querySelector('.u-table-fixed-left .u-table-body-outer');\n table.fixedRightBodyTable = contentTable.querySelector('.u-table-fixed-right .u-table-body-outer');\n table.innerTableBody = contentTable.querySelector('.u-table-scroll .u-table-body table');\n\n this.table = table;\n\n if (!this.props.dragborder) return;\n if (document.getElementById(\"u-table-drag-thead-\" + this.theadKey)) {\n this.fixedTable = {};\n var _fixedParentContext = document.getElementById(\"u-table-drag-thead-\" + this.theadKey).parentNode;\n var siblingDom = _fixedParentContext.parentNode.nextElementSibling;\n if (siblingDom) {\n var fixedTable = siblingDom.querySelector(\"table\");\n this.fixedTable.table = fixedTable;\n this.fixedTable.cols = fixedTable.getElementsByTagName(\"col\");\n // this.fixedTable.ths = fixedTable.tableDome.getElementsByTagName(\"th\");\n }\n }\n };\n\n /**\n * 事件初始化\n */\n\n\n TableHeader.prototype.initEvent = function initEvent() {\n var _this4 = this;\n\n var _props = this.props,\n dragborder = _props.dragborder,\n draggable = _props.draggable,\n rows = _props.rows;\n // 当传入的 columns 为空时，不绑定拖拽事件\n\n if (Object.prototype.toString.call(rows) === '[object Array]' && rows.length === 0) {\n return;\n }\n if (!this.event) {\n //避免多次绑定问题。\n this.event = true;\n if (dragborder) {\n this.dragBorderEventInit(); //列宽\n }\n if (draggable) {\n this.dragAbleEventInit(); //交换列\n }\n if (this.table && this.table.tr) {\n // this.eventListen([{key:'mousedown',fun:this.onTrMouseDown}],'',this.table.tr[0]);//body mouseup\n this.doEventList(this.table.tr, function (tr) {\n _this4.eventListen([{ key: 'mousedown', fun: _this4.onTrMouseDown }], '', tr); //body mouseup\n });\n }\n this.eventListen([{ key: 'mouseup', fun: this.bodyonLineMouseUp }], '', document.body); //body mouseup\n }\n };\n\n TableHeader.prototype.doEventList = function doEventList(trs, action) {\n for (var index = 0; index < trs.length; index++) {\n action(trs[index]);\n }\n };\n\n /**\n * 拖拽列宽事件的监听\n */\n\n\n TableHeader.prototype.dragBorderEventInit = function dragBorderEventInit() {\n var _this5 = this;\n\n if (!this.props.dragborder) return;\n var events = [{ key: 'mouseup', fun: this.onTrMouseUp }, { key: 'mousemove', fun: this.onTrMouseMove }];\n this.doEventList(this.table.tr, function (tr) {\n _this5.eventListen(events, '', tr); //表示把事件添加到th元素上\n });\n // this.eventListen(events,'',this.table.tr[0]);//表示把事件添加到th元素上\n };\n\n /**\n * 删除拖动改变列宽的事件监听\n */\n\n\n TableHeader.prototype.removeDragBorderEvent = function removeDragBorderEvent() {\n var _this6 = this;\n\n var events = [{ key: 'mouseup', fun: this.onTrMouseUp }, { key: 'mousemove', fun: this.onTrMouseMove }];\n // this.eventListen(events,'remove',this.table.tr[0]);\n this.doEventList(this.table.tr, function (tr) {\n _this6.eventListen(events, 'remove', _this6.table.tr);\n });\n };\n\n TableHeader.prototype.eventListen = function eventListen(events, type, eventSource) {\n if (!this.table) return;\n if (!eventSource) {\n console.log(\"Please set the attributes of column !\");\n return;\n }\n var tr = this.table.tr;\n\n for (var i = 0; i < events.length; i++) {\n var _event = events[i];\n if (type === \"remove\") {\n _utils.EventUtil.removeHandler(eventSource, _event.key, _event.fun);\n } else {\n _utils.EventUtil.addHandler(eventSource, _event.key, _event.fun);\n }\n }\n };\n\n /**\n *\n *根据 data-type 来获取当前拖拽的对象的Object，如果为null表示拖动的对象并非是online\n * @memberof TableHeader\n */\n\n\n /**\n * 调整列宽的down事件\n * @memberof TableHeader\n */\n\n\n /**\n * 根据当前节点查找到有data-type类型的容器返回。\n * @memberof TableHeader\n */\n\n\n /**\n * 判断当前的target 是否是 th，如果不是，直接递归查找。\n * @memberof TableHeader\n */\n\n /**\n * 调整列宽的move事件\n * @memberof TableHeader\n */\n\n\n /**\n * 调整列宽的up事件\n * @memberof TableHeader\n */\n\n\n TableHeader.prototype.mouseClear = function mouseClear() {\n if (!this.drag || !this.drag.option) return;\n var rows = this.props.rows;\n\n var data = { rows: rows[0], cols: this.table.cols, currIndex: this.drag.currIndex };\n this.props.afterDragColWidth && this.props.afterDragColWidth(data);\n this.drag = {\n option: \"\"\n };\n this.clearThsDr();\n };\n\n /**\n * 当前对象上绑定全局事件，用于拖拽区域以外时的事件处理\n * @param {*} events\n * @param {*} type\n * @memberof TableHeader\n */\n\n\n /**\n *相关\b滚动条联动操作\n *\n * @memberof TableHeader\n */\n\n\n //---拖拽交换列代码----start-----\n /**\n * 添加换列的事件监听\n */\n TableHeader.prototype.dragAbleEventInit = function dragAbleEventInit() {\n if (!this.props.draggable) return;\n var events = [{ key: 'dragstart', fun: this.onDragStart }, //用户开始拖动元素时触发\n { key: 'dragover', fun: this.onDragOver }, //当某被拖动的对象在另一对象容器范围内拖动时触发此事件\n { key: 'drop', fun: this.onDrop }, //在一个拖动过程中，释放鼠标键时触发此事件\n\n { key: 'dragenter', fun: this.onDragEnter }, { key: 'dragend', fun: this.onDragEnd }, { key: 'dragleave', fun: this.onDragLeave }];\n this.eventListen(events, '', this.table.tr[0]); //表示把事件添加到th元素上\n };\n\n /**\n * 删除换列的事件监听\n */\n\n\n TableHeader.prototype.removeDragAbleEvent = function removeDragAbleEvent() {\n var events = [{ key: 'dragstart', fun: this.onDragStart }, { key: 'dragover', fun: this.onDragOver }, { key: 'drop', fun: this.onDrop }, { key: 'dragenter', fun: this.onDragEnter }, { key: 'dragend', fun: this.onDragEnd }, { key: 'dragleave', fun: this.onDragLeave }];\n this.eventListen(events, 'remove', this.table.tr[0]);\n };\n\n /**\n * 开始调整交换列的事件\n */\n\n\n /**\n * 在一个拖动过程中，释放鼠标键时触发此事件。【目标事件】\n * @memberof TableHeader\n */\n\n\n /**\n * 获取当前th上的对象数据\n * @param {*} e\n * @returns\n * @memberof TableHeader\n */\n TableHeader.prototype.getCurrentEventData = function getCurrentEventData(th) {\n if (!th) {\n console.log(\" event target is not th ! \");\n return null;\n }\n var key = th.getAttribute('data-line-key');\n var data = this.props.rows[0].find(function (da) {\n return da.key == key;\n });\n if (data) {\n return data;\n } else {\n console.log(\" getCurrentEventData data is null \");\n return null;\n }\n };\n\n /**\n * 根据当前鼠标点击的节点，进行递归遍历，最终找到th\n * @param {*} element\n * @returns | 对象\n * @memberof TableHeader\n */\n\n\n TableHeader.prototype.getThDome = function getThDome(element) {\n var _tagName = element.tagName.toLowerCase();\n if (element.getAttribute('data-filter-type') === 'filterContext') return null;\n if (_tagName === 'i') return null;\n if (_tagName != 'th') {\n return this.getThDome(element.parentElement);\n } else {\n return element;\n }\n };\n\n //---拖拽列交换----end-----\n\n /**\n * 过滤输入后或下拉条件的回调函数\n */\n\n\n /**\n * 过滤行清除回调\n */\n\n\n /**\n * 过滤渲染的组件类型\n */\n\n\n TableHeader.prototype.render = function render() {\n var _this7 = this;\n\n var _props2 = this.props,\n clsPrefix = _props2.clsPrefix,\n rowStyle = _props2.rowStyle,\n draggable = _props2.draggable,\n dragborder = _props2.dragborder,\n rows = _props2.rows,\n filterable = _props2.filterable,\n fixed = _props2.fixed,\n lastShowIndex = _props2.lastShowIndex,\n columnsChildrenList = _props2.columnsChildrenList;\n\n var attr = dragborder ? { id: \"u-table-drag-thead-\" + this.theadKey } : {};\n var lastObj = columnsChildrenList[columnsChildrenList.length - 1];\n return _react2[\"default\"].createElement(\n \"thead\",\n _extends({ className: clsPrefix + \"-thead\" }, attr, { \"data-theader-fixed\": \"scroll\", ref: function ref(_thead) {\n return _this7._thead = _thead;\n } }),\n rows.map(function (row, index) {\n var _rowLeng = row.length - 1;\n return _react2[\"default\"].createElement(\n \"tr\",\n { key: index, style: rowStyle, className: filterable && index == rows.length - 1 ? 'filterable' : '' },\n row.map(function (da, columIndex, arr) {\n da.children = da.required ? _react2[\"default\"].createElement(\n \"span\",\n null,\n _react2[\"default\"].createElement(\n \"span\",\n { className: \"required\" },\n \"*\"\n ),\n da.children\n ) : da.children;\n var thHover = da.drgHover ? \" \" + clsPrefix + \"-thead th-drag-hover\" : \"\";\n delete da.drgHover;\n var fixedStyle = \"\";\n var canDotDrag = \"\";\n //主表格下、固定列或者是过滤行中含有固定列时添加该属性\n if (!fixed && (da.fixed || filterable && index == rows.length - 1 && rows[0][columIndex].fixed)) {\n fixedStyle = \" \" + clsPrefix + \"-row-fixed-columns-in-body\";\n }\n\n if (lastShowIndex == columIndex) {\n canDotDrag = \"th-can-not-drag\";\n }\n var thClassName = \"\" + da.className ? \"\" + da.className : '';\n if (da.titleAlign) {\n thClassName += \" text-\" + da.titleAlign + \" \";\n } else if (da.textAlign) {\n thClassName += \" text-\" + da.textAlign + \" \";\n }\n\n delete da.textAlign;\n delete da.titleAlign;\n var keyTemp = {};\n //避免key为undefined\n // if(da.dataindex && da.key ===undefined ){\n keyTemp.key = da.key || da.dataindex || index + '-' + columIndex;\n\n // }\n if (filterable && index == rows.length - 1) {\n da.children = _this7.filterRenderType(da[\"filtertype\"], da.dataindex, columIndex);\n if (da.key === undefined) {\n keyTemp.key = keyTemp.key + '-filterable';\n }\n delete da.filterdropdownfocus;\n }\n\n var thDefaultObj = {};\n\n if (draggable) {\n thClassName += \" \" + clsPrefix + \"-thead th-drag \" + thHover + \" \";\n }\n if (dragborder) {\n thClassName += \" \" + clsPrefix + \"-thead-th \" + canDotDrag;\n }\n thClassName += \" \" + fixedStyle;\n if (!da.fixed) {\n return _react2[\"default\"].createElement(\n \"th\",\n _extends({}, da, keyTemp, { className: thClassName, \"data-th-fixed\": da.fixed, \"data-line-key\": da.key,\n \"data-line-index\": columIndex, \"data-th-width\": da.width, \"data-type\": \"draggable\" }),\n da.children,\n\n // && columIndex != _rowLeng\n dragborder && lastObj && da.key != lastObj.key ? _react2[\"default\"].createElement(\n \"div\",\n { ref: function ref(el) {\n return _this7.gap = el;\n }, \"data-line-key\": da.key,\n \"data-line-index\": columIndex, \"data-th-width\": da.width,\n \"data-type\": \"online\", className: clsPrefix + \"-thead-th-drag-gap\" },\n _react2[\"default\"].createElement(\"div\", { className: \"online\" })\n ) : \"\"\n );\n } else {\n thDefaultObj = _extends({}, da, {\n className: thClassName + \" \" + fixedStyle\n });\n da.onClick ? thDefaultObj.onClick = function (e) {\n da.onClick(da, e);\n } : \"\";\n return _react2[\"default\"].createElement(\"th\", _extends({}, thDefaultObj, keyTemp, { \"data-th-fixed\": da.fixed, style: { maxWidth: da.width } }));\n }\n })\n );\n })\n );\n };\n\n return TableHeader;\n}(_react.Component);\n\nTableHeader.defaultProps = {\n contentWidthDiff: 0\n};\n\nvar _initialiseProps = function _initialiseProps() {\n var _this8 = this;\n\n this.getOnLineObject = function (_element) {\n var type = _element.getAttribute('data-type'),\n elementObj = null;\n if (!type) {\n var element = _element.parentElement || parentNode; //兼容写法。\n if (element.getAttribute('data-type')) {\n elementObj = element;\n }\n } else {\n elementObj = _element;\n }\n return elementObj;\n };\n\n this.onTrMouseDown = function (e) {\n _utils.Event.stopPropagation(e);\n var event = _utils.Event.getEvent(e),\n targetEvent = _utils.Event.getTarget(event);\n var _props3 = _this8.props,\n clsPrefix = _props3.clsPrefix,\n contentTable = _props3.contentTable,\n lastShowIndex = _props3.lastShowIndex,\n columnsChildrenList = _props3.columnsChildrenList;\n // let currentElement = this.getOnLineObject(targetEvent);\n\n var currentElement = _this8.getTargetToType(targetEvent);\n if (!currentElement) return;\n var type = currentElement.getAttribute('data-type');\n if (!_this8.props.dragborder && !_this8.props.draggable) return;\n if (type == 'online' && _this8.props.dragborder) {\n // if(!this.props.dragborder)return;\n targetEvent.setAttribute('draggable', false); //添加交换列效果\n var currentIndex = -1;\n var defaultWidth = currentElement.getAttribute(\"data-th-width\");\n _this8.drag.option = \"border\"; //拖拽操作\n if (columnsChildrenList) {\n var columnKey = currentElement.getAttribute(\"data-line-key\");\n if (columnKey) {\n currentIndex = columnsChildrenList.findIndex(function (da) {\n return (da.key && da.key.toLowerCase()) === columnKey.toLowerCase();\n });\n }\n }\n if (currentIndex < 0) {\n console.log('Key must be set for column!');\n return;\n }\n var currentObj = _this8.table.cols[currentIndex];\n _this8.drag.currIndex = currentIndex;\n _this8.drag.oldLeft = event.x;\n _this8.drag.oldWidth = parseInt(currentObj.style.width);\n _this8.drag.minWidth = currentObj.style.minWidth != \"\" ? parseInt(currentObj.style.minWidth) : defaultWidth;\n _this8.drag.tableWidth = parseInt(_this8.table.table.style.width ? _this8.table.table.style.width : _this8.table.table.scrollWidth);\n if (!_this8.tableOldWidth) {\n _this8.tableOldWidth = _this8.drag.tableWidth; //this.getTableWidth();\n }\n if (!_this8.lastColumWidth) {\n _this8.lastColumWidth = parseInt(_this8.table.cols[lastShowIndex].style.width);\n }\n } else if (type != 'online' && _this8.props.draggable) {\n // if (!this.props.draggable || targetEvent.nodeName.toUpperCase() != \"TH\") return;\n if (!_this8.props.draggable) return;\n var th = _this8.getTargetToType(targetEvent);\n th.setAttribute('draggable', true); //添加交换列效果\n _this8.drag.option = 'dragAble';\n _this8.currentDome = th;\n var _currentIndex = parseInt(th.getAttribute(\"data-line-index\"));\n _this8.drag.currIndex = _currentIndex;\n } else {\n // console.log(\"onTrMouseDown dragborder or draggable is all false !\");\n return;\n }\n };\n\n this.getTableWidth = function () {\n var tableWidth = 0,\n offWidth = 0; //this.table.cols.length;\n for (var index = 0; index < _this8.table.cols.length; index++) {\n var da = _this8.table.cols[index];\n tableWidth += parseInt(da.style.width);\n }\n return tableWidth - offWidth;\n };\n\n this.getTargetToType = function (targetEvent) {\n var tag = targetEvent;\n if (targetEvent && !targetEvent.getAttribute(\"data-type\")) {\n tag = _this8.getTargetToType(targetEvent.parentElement);\n }\n return tag;\n };\n\n this.getTargetToTh = function (targetEvent) {\n var th = targetEvent;\n if (targetEvent.nodeName.toUpperCase() != \"TH\") {\n th = _this8.getThDome(targetEvent);\n }\n // console.log(\" getTargetToTh: \", th);\n return th;\n };\n\n this.onTrMouseMove = function (e) {\n if (!_this8.props.dragborder && !_this8.props.draggable) return;\n var _props4 = _this8.props,\n clsPrefix = _props4.clsPrefix,\n dragborder = _props4.dragborder,\n contentDomWidth = _props4.contentDomWidth,\n scrollbarWidth = _props4.scrollbarWidth,\n contentTable = _props4.contentTable,\n headerScroll = _props4.headerScroll,\n lastShowIndex = _props4.lastShowIndex,\n onDraggingBorder = _props4.onDraggingBorder,\n leftFixedWidth = _props4.leftFixedWidth,\n rightFixedWidth = _props4.rightFixedWidth;\n\n _utils.Event.stopPropagation(e);\n var event = _utils.Event.getEvent(e);\n if (_this8.props.dragborder && _this8.drag.option == \"border\") {\n //移动改变宽度\n var currentCols = _this8.table.cols[_this8.drag.currIndex];\n var diff = event.x - _this8.drag.oldLeft;\n var newWidth = _this8.drag.oldWidth + diff;\n _this8.drag.newWidth = newWidth > 0 ? newWidth : _this8.minWidth;\n if (newWidth > _this8.minWidth) {\n currentCols.style.width = newWidth + 'px';\n //hao 支持固定表头拖拽 修改表体的width\n if (_this8.fixedTable.cols) {\n _this8.fixedTable.cols[_this8.drag.currIndex].style.width = newWidth + \"px\";\n }\n\n var newDiff = parseInt(currentCols.style.minWidth) - parseInt(currentCols.style.width);\n if (newDiff > 0) {\n //缩小\n var lastWidth = _this8.lastColumWidth + newDiff;\n _this8.table.cols[lastShowIndex].style.width = lastWidth + \"px\"; //同步表头\n _this8.table.tableBodyCols[lastShowIndex].style.width = lastWidth + \"px\"; //同步表体\n }\n var showScroll = contentDomWidth - (leftFixedWidth + rightFixedWidth) - (_this8.drag.tableWidth + diff) - scrollbarWidth;\n //表头滚动条处理\n if (headerScroll) {\n if (showScroll < 0) {\n //小于 0 出现滚动条\n //找到固定列表格，设置表头的marginBottom值为scrollbarWidth;\n _this8.table.contentTableHeader.style.overflowX = 'scroll';\n _this8.optTableMargin(_this8.table.fixedLeftHeaderTable, scrollbarWidth);\n _this8.optTableMargin(_this8.table.fixedRighHeadertTable, scrollbarWidth);\n } else {\n //大于 0 不显示滚动条\n _this8.table.contentTableHeader.style.overflowX = 'hidden';\n _this8.optTableMargin(_this8.table.fixedLeftHeaderTable, 0);\n _this8.optTableMargin(_this8.table.fixedRighHeadertTable, 0);\n }\n } else {\n if (showScroll < 0) {\n _this8.table.tableBody.style.overflowX = 'auto';\n _this8.optTableMargin(_this8.table.fixedLeftBodyTable, '-' + scrollbarWidth);\n _this8.optTableMargin(_this8.table.fixedRightBodyTable, '-' + scrollbarWidth);\n _this8.optTableScroll(_this8.table.fixedLeftBodyTable, { x: 'scroll' });\n _this8.optTableScroll(_this8.table.fixedRightBodyTable, { x: 'scroll' });\n } else {\n _this8.table.tableBody.style.overflowX = 'hidden';\n _this8.optTableMargin(_this8.table.fixedLeftBodyTable, 0);\n _this8.optTableMargin(_this8.table.fixedRightBodyTable, 0);\n _this8.optTableScroll(_this8.table.fixedLeftBodyTable, { x: 'auto' });\n _this8.optTableScroll(_this8.table.fixedRightBodyTable, { x: 'auto' });\n }\n }\n } else {\n _this8.drag.newWidth = _this8.minWidth;\n }\n }\n // 增加拖拽列宽动作的回调函数\n _this8.drag.newWidth && onDraggingBorder && onDraggingBorder(event, _this8.drag.newWidth);\n };\n\n this.onTrMouseUp = function (e) {\n var event = _utils.Event.getEvent(e);\n var width = _this8.drag.newWidth;\n var opt = _this8.drag.option;\n _this8.mouseClear();\n if (opt !== \"border\") return; // fix:点击表头会触发onDropBorder事件的问题\n _this8.props.onDropBorder && _this8.props.onDropBorder(event, width);\n };\n\n this.clearThsDr = function () {\n var ths = _this8.table.ths;\n for (var index = 0; index < ths.length; index++) {\n ths[index].setAttribute('draggable', false); //去掉交换列效果\n }\n };\n\n this.bodyonLineMouseUp = function (events, type) {\n if (!_this8.drag || !_this8.drag.option) return;\n _this8.mouseClear();\n };\n\n this.optTableMargin = function (table, scrollbarWidth) {\n if (table) {\n table.style.marginBottom = scrollbarWidth + \"px\";\n }\n };\n\n this.optTableScroll = function (table) {\n var overflow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n if (table) {\n var innerTable = table.querySelector('.u-table-body-inner');\n if (innerTable) {\n //fixbug: 拖拽列宽后，滚动条滚到表格底部，会导致固定列和非固定列错行\n overflow.x && (innerTable.style.overflowX = overflow.x);\n overflow.y && (innerTable.style.overflowY = overflow.y);\n }\n }\n };\n\n this.onDragStart = function (e) {\n if (!_this8.props.draggable) return;\n if (_this8.drag && _this8.drag.option != 'dragAble') {\n return;\n }\n var event = _utils.Event.getEvent(e),\n\n // target = Event.getTarget(event);\n target = _this8.getTargetToTh(_utils.Event.getTarget(event));\n var currentIndex = parseInt(target.getAttribute(\"data-line-index\"));\n var currentKey = target.getAttribute('data-line-key');\n\n if (event.dataTransfer.setDragImage) {\n var crt = target.cloneNode(true);\n crt.style.backgroundColor = \"#ebecf0\";\n crt.style.width = _this8.table.cols[currentIndex].style.width; //拖动后再交换列的时候，阴影效果可同步\n crt.style.height = \"40px\";\n // crt.style['line-height'] = \"40px\";\n // document.body.appendChild(crt);\n document.getElementById(_this8._table_none_cont_id).appendChild(crt);\n event.dataTransfer.setDragImage(crt, 0, 0);\n }\n\n event.dataTransfer.effectAllowed = \"move\";\n event.dataTransfer.setData(\"Text\", currentKey);\n _this8.currentObj = _this8.props.rows[0][currentIndex];\n };\n\n this.onDragOver = function (e) {\n var event = _utils.Event.getEvent(e);\n event.preventDefault();\n };\n\n this.onDrop = function (e) {\n if (!_this8.props.draggable) return;\n var props = _this8.getCurrentEventData(_this8._dragCurrent);\n e.column = { props: props };\n if (_this8.drag && _this8.drag.option != 'dragAble') {\n _this8.props.onDrop(e);\n return;\n }\n var event = _utils.Event.getEvent(e),\n target = _utils.Event.getTarget(event);\n _this8.currentDome.setAttribute('draggable', false); //添加交换列效果\n // let data = this.getCurrentEventData(this._dragCurrent);\n // if(!data){\n // this.props.onDrop(e);\n // return;\n // }\n if (!_this8.props.onDrop) return;\n // this.props.onDrop(event,target);\n _this8.props.onDrop(event, { dragSource: _this8.currentObj, dragTarg: e.column });\n };\n\n this.onDragEnter = function (e) {\n var event = _utils.Event.getEvent(e),\n target = _utils.Event.getTarget(event);\n _this8._dragCurrent = target;\n var currentIndex = target.getAttribute(\"data-line-index\");\n if (!currentIndex || parseInt(currentIndex) === _this8.drag.currIndex) return;\n if (target.nodeName.toUpperCase() === \"TH\") {\n // target.style.border = \"2px dashed rgba(5,0,0,0.25)\";\n target.setAttribute(\"style\", \"border-right:2px dashed rgb(30, 136, 229)\");\n // target.style.backgroundColor = 'rgb(235, 236, 240)';\n }\n };\n\n this.onDragEnd = function (e) {\n var event = _utils.Event.getEvent(e),\n target = _utils.Event.getTarget(event);\n _this8._dragCurrent.setAttribute(\"style\", \"\");\n // this._dragCurrent.style = \"\";\n document.getElementById(_this8._table_none_cont_id).innerHTML = \"\";\n\n var data = _this8.getCurrentEventData(_this8._dragCurrent);\n if (!data) return;\n if (!_this8.currentObj || _this8.currentObj.key == data.key) return;\n if (!_this8.props.onDragEnd) return;\n _this8.props.onDragEnd(event, { dragSource: _this8.currentObj, dragTarg: data });\n };\n\n this.onDragLeave = function (e) {\n var event = _utils.Event.getEvent(e),\n target = _utils.Event.getTarget(event);\n var currentIndex = target.getAttribute(\"data-line-index\");\n if (!currentIndex || parseInt(currentIndex) === _this8.drag.currIndex) return;\n if (target.nodeName.toUpperCase() === \"TH\") {\n target.setAttribute(\"style\", \"\");\n // this._dragCurrent.style = \"\";\n }\n };\n\n this.handlerFilterChange = function (key, value, condition) {\n var onFilterChange = _this8.props.onFilterChange;\n\n if (onFilterChange) {\n onFilterChange(key, value, condition);\n }\n };\n\n this.handlerFilterClear = function (field) {\n var onFilterClear = _this8.props.onFilterClear;\n\n if (onFilterClear) {\n onFilterClear(field);\n }\n };\n\n this.filterRenderType = function (type, dataIndex, index) {\n var _props5 = _this8.props,\n clsPrefix = _props5.clsPrefix,\n rows = _props5.rows,\n filterDelay = _props5.filterDelay,\n locale = _props5.locale;\n\n switch (type) {\n //文本输入\n case \"text\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale //多语\n , rendertype: type //渲染类型\n , clsPrefix: clsPrefix //css前缀\n , className: clsPrefix + \" filter-text\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"] //是否显示下拉条件\n , filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //数值输入\n case \"number\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n clsPrefix: clsPrefix,\n className: clsPrefix + \" filter-text\",\n dataIndex: dataIndex //字段\n , onFilterChange: (0, _throttleDebounce.debounce)(filterDelay || 300, _this8.handlerFilterChange) //输入框回调并且函数防抖动\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n , filterInputNumberOptions: rows[1][index][\"filterinputnumberoptions\"] //设置数值框内的详细属性\n });\n //下拉框选择\n case \"dropdown\":\n var selectDataSource = [];\n //处理没有输入数据源的时候，系统自动查找自带的数据筛选后注入\n if (rows.length > 0 && (rows[1][index][\"filterdropdownauto\"] || \"auto\") == \"auto\") {\n var hash = {};\n //处理下拉重复对象组装dropdown\n selectDataSource = Array.from(rows[1][0].datasource, function (x) {\n return {\n key: x[dataIndex],\n value: x[dataIndex]\n };\n });\n selectDataSource = selectDataSource.reduceRight(function (item, next) {\n hash[next.key] ? \"\" : hash[next.key] = true && item.push(next);\n return item;\n }, []);\n } else {\n //从外部数据源加载系统数据\n selectDataSource = rows[1][index][\"filterdropdowndata\"];\n }\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: clsPrefix + \" filter-dropdown\",\n data: selectDataSource,\n notFoundContent: \"Loading\" //没有数据显示的默认字\n , dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n onFocus: rows[1][index][\"filterdropdownfocus\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //日期\n case \"date\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: \"filter-date\",\n onClick: function onClick() {},\n format: rows[1][index][\"format\"] || \"YYYY-MM-DD\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //日期 年\n case \"dateyear\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: \"filter-date\",\n onClick: function onClick() {},\n format: rows[1][index][\"format\"] || \"YYYY\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //日期 月\n case \"datemonth\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: \"filter-date\",\n onClick: function onClick() {},\n format: rows[1][index][\"format\"] || \"YYYY-MM\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //日期 周\n case \"dateweek\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: \"filter-date\",\n onClick: function onClick() {},\n format: rows[1][index][\"format\"] || \"YYYY-Wo\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n //日期范围\n case \"daterange\":\n return _react2[\"default\"].createElement(_FilterType2[\"default\"], {\n locale: locale,\n rendertype: type,\n className: \"filter-date\",\n onClick: function onClick() {},\n format: rows[1][index][\"format\"] || \"YYYY-MM-DD\",\n dataIndex: dataIndex //字段\n , onFilterChange: _this8.handlerFilterChange //输入框回调\n , onFilterClear: _this8.handlerFilterClear //清除回调\n , filterDropdown: rows[1][index][\"filterdropdown\"],\n filterDropdownType: rows[1][index][\"filterdropdowntype\"] //下拉的条件类型为string,number\n , filterDropdownIncludeKeys: rows[1][index][\"filterdropdownincludekeys\"] //下拉条件按照指定的keys去显示\n });\n default:\n //不匹配类型默认文本输入\n return _react2[\"default\"].createElement(\"div\", null);\n }\n };\n};\n\nTableHeader.propTypes = propTypes;\nexports[\"default\"] = TableHeader;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 876 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"throttle\", function() { return throttle; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"debounce\", function() { return debounce; });\n/* eslint-disable no-undefined,no-param-reassign,no-shadow */\n\n/**\n * Throttle execution of a function. Especially useful for rate limiting\n * execution of handlers on events like resize and scroll.\n *\n * @param {Number} delay A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param {Boolean} [noTrailing] Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds while the\n * throttled-function is being called. If noTrailing is false or unspecified, callback will be executed one final time\n * after the last throttled-function call. (After the throttled-function has not been called for `delay` milliseconds,\n * the internal counter is reset)\n * @param {Function} callback A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n * to `callback` when the throttled-function is executed.\n * @param {Boolean} [debounceMode] If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is false (at end),\n * schedule `callback` to execute after `delay` ms.\n *\n * @return {Function} A new, throttled, function.\n */\nfunction throttle (delay, noTrailing, callback, debounceMode) {\n /*\n * After wrapper has stopped being called, this timeout ensures that\n * `callback` is executed at the proper times in `throttle` and `end`\n * debounce modes.\n */\n var timeoutID;\n var cancelled = false; // Keep track of the last time `callback` was executed.\n\n var lastExec = 0; // Function to clear existing timeout\n\n function clearExistingTimeout() {\n if (timeoutID) {\n clearTimeout(timeoutID);\n }\n } // Function to cancel next exec\n\n\n function cancel() {\n clearExistingTimeout();\n cancelled = true;\n } // `noTrailing` defaults to falsy.\n\n\n if (typeof noTrailing !== 'boolean') {\n debounceMode = callback;\n callback = noTrailing;\n noTrailing = undefined;\n }\n /*\n * The `wrapper` function encapsulates all of the throttling / debouncing\n * functionality and when executed will limit the rate at which `callback`\n * is executed.\n */\n\n\n function wrapper() {\n var self = this;\n var elapsed = Date.now() - lastExec;\n var args = arguments;\n\n if (cancelled) {\n return;\n } // Execute `callback` and update the `lastExec` timestamp.\n\n\n function exec() {\n lastExec = Date.now();\n callback.apply(self, args);\n }\n /*\n * If `debounceMode` is true (at begin) this is used to clear the flag\n * to allow future `callback` executions.\n */\n\n\n function clear() {\n timeoutID = undefined;\n }\n\n if (debounceMode && !timeoutID) {\n /*\n * Since `wrapper` is being called for the first time and\n * `debounceMode` is true (at begin), execute `callback`.\n */\n exec();\n }\n\n clearExistingTimeout();\n\n if (debounceMode === undefined && elapsed > delay) {\n /*\n * In throttle mode, if `delay` time has been exceeded, execute\n * `callback`.\n */\n exec();\n } else if (noTrailing !== true) {\n /*\n * In trailing throttle mode, since `delay` time has not been\n * exceeded, schedule `callback` to execute `delay` ms after most\n * recent execution.\n *\n * If `debounceMode` is true (at begin), schedule `clear` to execute\n * after `delay` ms.\n *\n * If `debounceMode` is false (at end), schedule `callback` to\n * execute after `delay` ms.\n */\n timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);\n }\n }\n\n wrapper.cancel = cancel; // Return the wrapper function.\n\n return wrapper;\n}\n\n/* eslint-disable no-undefined */\n/**\n * Debounce execution of a function. Debouncing, unlike throttling,\n * guarantees that a function is only executed a single time, either at the\n * very beginning of a series of calls, or at the very end.\n *\n * @param {Number} delay A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param {Boolean} [atBegin] Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds\n * after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.\n * (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).\n * @param {Function} callback A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n * to `callback` when the debounced-function is executed.\n *\n * @return {Function} A new, debounced function.\n */\n\nfunction debounce (delay, atBegin, callback) {\n return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);\n}\n\n\n\n\n/***/ }),\n/* 877 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeDatepicker = __webpack_require__(878);\n\nvar _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeSelect = __webpack_require__(80);\n\nvar _beeSelect2 = _interopRequireDefault(_beeSelect);\n\nvar _beeInputNumber = __webpack_require__(176);\n\nvar _beeInputNumber2 = _interopRequireDefault(_beeInputNumber);\n\nvar _FilterDropDown = __webpack_require__(897);\n\nvar _FilterDropDown2 = _interopRequireDefault(_FilterDropDown);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar RangePicker = _beeDatepicker2[\"default\"].RangePicker,\n YearPicker = _beeDatepicker2[\"default\"].YearPicker,\n MonthPicker = _beeDatepicker2[\"default\"].MonthPicker,\n WeekPicker = _beeDatepicker2[\"default\"].WeekPicker;\n\n\nvar propTypes = {\n filterDropdown: _propTypes2[\"default\"].string\n};\n\nvar FilterType = function (_Component) {\n _inherits(FilterType, _Component);\n\n function FilterType(props) {\n _classCallCheck(this, FilterType);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.clearFilter = function () {\n var _this$props = _this.props,\n onFilterClear = _this$props.onFilterClear,\n dataIndex = _this$props.dataIndex;\n\n if (_this.state.value !== \"\") {\n _this.setState({\n value: \"\", //清空值\n condition: _this.props.filterDropdownType == 'string' ? 'LIKE' : 'EQ' //切回默认查询条件\n }, function () {\n //调用清除方法参数为当前字段的field\n onFilterClear && onFilterClear(dataIndex);\n });\n }\n };\n\n _this.changeText = function (val) {\n _this.setState({\n value: val\n });\n };\n\n _this.changeTextCall = function (e) {\n var _this$props2 = _this.props,\n onFilterChange = _this$props2.onFilterChange,\n dataIndex = _this$props2.dataIndex;\n\n if (e.keyCode == 13) {\n e.target.value !== \"\" && onFilterChange(dataIndex, e.target.value, _this.state.condition);\n }\n };\n\n _this.changeValue = function () {\n _this.setState({\n value: \"\"\n });\n };\n\n _this.onSelectDropdown = function (item) {\n var _this$props3 = _this.props,\n onFilterChange = _this$props3.onFilterChange,\n dataIndex = _this$props3.dataIndex;\n\n _this.setState({\n condition: item.key\n }, function () {\n _this.state.value !== \"\" && onFilterChange && onFilterChange(dataIndex, _this.state.value, _this.state.condition);\n });\n };\n\n _this.changeNumber = function (value) {\n var _this$props4 = _this.props,\n onFilterChange = _this$props4.onFilterChange,\n dataIndex = _this$props4.dataIndex;\n\n _this.setState({\n value: value\n }, function () {\n onFilterChange(dataIndex, value, _this.state.condition);\n });\n };\n\n _this.clearNumber = function () {\n var onChange = _this.props.onChange;\n\n onChange && onChange(\"\");\n _this.setState({\n value: \"\"\n });\n };\n\n _this.changeTextCallBlur = function (val) {\n var onChange = _this.props.onChange;\n\n onChange && onChange(val);\n };\n\n _this.changeSelect = function (value) {\n var _this$props5 = _this.props,\n onFilterChange = _this$props5.onFilterChange,\n dataIndex = _this$props5.dataIndex;\n\n if (onFilterChange) {\n onFilterChange(dataIndex, value, _this.state.condition);\n _this.setState({\n value: value\n });\n }\n };\n\n _this.clearSelectValue = function () {\n _this.setState({\n selectValue: \"\"\n }, function () {\n _this.changeSelect(\"\");\n });\n };\n\n _this.clearDateValue = function () {\n _this.setState({\n dateValue: \"\"\n }, function () {\n _this.changeDate(\"\");\n });\n };\n\n _this.changeDate = function (value) {\n var _this$props6 = _this.props,\n onFilterChange = _this$props6.onFilterChange,\n dataIndex = _this$props6.dataIndex;\n\n if (onFilterChange) {\n onFilterChange(dataIndex, value, _this.state.condition);\n _this.setState({\n value: value,\n open: false\n });\n }\n };\n\n _this.renderControl = function (rendertype) {\n var _this$props7 = _this.props,\n filterInputNumberOptions = _this$props7.filterInputNumberOptions,\n filterDropdownIncludeKeys = _this$props7.filterDropdownIncludeKeys,\n dataIndex = _this$props7.dataIndex,\n filterDropdown = _this$props7.filterDropdown,\n filterDropdownType = _this$props7.filterDropdownType,\n format = _this$props7.format,\n className = _this$props7.className,\n onChange = _this$props7.onChange,\n onSelectDropdown = _this$props7.onSelectDropdown,\n clsPrefix = _this$props7.clsPrefix,\n locale = _this$props7.locale;\n\n switch (rendertype) {\n case 'text':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n value: _this.state.value,\n className: className,\n onChange: _this.changeText,\n onKeyDown: _this.changeTextCall\n //onBlur={this.changeTextCallBlur}\n }),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowClear: _this.state.value,\n isShowCondition: filterDropdown,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'number':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(_beeInputNumber2[\"default\"], _extends({}, filterInputNumberOptions, {\n className: className,\n value: _this.state.value,\n onChange: _this.changeNumber,\n iconStyle: 'one'\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowClear: _this.state.value != 0,\n isShowCondition: filterDropdown,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'dropdown':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(_beeSelect2[\"default\"], _extends({}, _this.props, {\n size: 'sm',\n value: _this.state.value,\n onChange: _this.changeSelect\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'date':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(_beeDatepicker2[\"default\"], _extends({}, _this.props, {\n value: _this.state.value,\n onChange: _this.changeDate,\n open: _this.state.open,\n format: format,\n locale: _zh_CN2[\"default\"]\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'dateyear':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(YearPicker, _extends({}, _this.props, {\n value: _this.state.value,\n onChange: _this.changeDate,\n open: _this.state.open,\n format: format,\n locale: _zh_CN2[\"default\"]\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'datemonth':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(MonthPicker, _extends({}, _this.props, {\n value: _this.state.value,\n onChange: _this.changeDate,\n open: _this.state.open,\n format: format,\n locale: _zh_CN2[\"default\"]\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'dateweek':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(WeekPicker, _extends({}, _this.props, {\n value: _this.state.value,\n onChange: _this.changeDate,\n open: _this.state.open,\n format: format,\n locale: _zh_CN2[\"default\"]\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownType: filterDropdownType,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'daterange':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(RangePicker, _extends({}, _this.props, {\n value: _this.state.value,\n onChange: _this.changeDate,\n open: _this.state.open,\n format: format,\n showTime: true,\n locale: _zh_CN2[\"default\"],\n placeholder: '开始 ~ 结束',\n dateInputPlaceholder: ['开始', '结束'],\n showClear: true\n })),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], {\n locale: locale,\n dataIndex: dataIndex,\n dataText: _this.state.value,\n onSelectDropdown: _this.onSelectDropdown,\n onClickClear: _this.clearFilter,\n isShowCondition: filterDropdown,\n isShowClear: _this.state.value,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n case 'bool':\n return _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + ' filter-wrap' },\n _react2[\"default\"].createElement(Switch, {\n className: className,\n onChange: onChange\n }),\n _react2[\"default\"].createElement(_FilterDropDown2[\"default\"], { locale: locale,\n onSelectDropdown: onSelectDropdown,\n filterDropdownIncludeKeys: filterDropdownIncludeKeys\n })\n );\n default:\n return _react2[\"default\"].createElement('div', null);\n }\n };\n\n _this.state = {\n value: \"\",\n text: \"\",\n selectValue: \"\",\n dateValue: \"\",\n open: false,\n condition: props.filterDropdownType == 'string' ? 'LIKE' : 'EQ',\n number: 0\n };\n return _this;\n }\n\n /**\n * 清除过滤条件\n *\n */\n\n\n /**\n * 设置输入文本的值\n *\n */\n\n\n /**\n * 输入框回车执行回调\n *\n */\n\n /**\n * 更改修改值\n *\n */\n\n /**\n * 下拉条件的回调\n *\n * @param {*} key 字段\n * @param {*} value 值1,2,3...6\n */\n\n\n /**\n * 修改数值型的值\n *\n */\n\n //清除数值\n\n\n //失去焦点后执行函数\n\n //设置下拉值\n\n //清除下拉值\n\n //清除日期值\n\n //设置日期值\n\n //组件渲染\n /**\n * 根据不同的类型生成对应的组件类型包含一些参数的适应\n *\n * @param {*} rendertype 参数类型，包括['text','dropdown','date','dateyear','datemonth','dateweek',daterange','number']\n * @returns\n */\n\n\n FilterType.prototype.render = function render() {\n var rendertype = this.props.rendertype;\n\n return _react2[\"default\"].createElement(\n 'div',\n { 'data-filter-type': 'filterContext' },\n this.renderControl(rendertype)\n );\n };\n\n return FilterType;\n}(_react.Component);\n\nFilterType.propTypes = propTypes;\nFilterType.defaultProps = {\n filterDropdown: 'show'\n};\nexports[\"default\"] = FilterType;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 878 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _DatePicker = __webpack_require__(879);\n\nvar _DatePicker2 = _interopRequireDefault(_DatePicker);\n\nvar _MonthPicker = __webpack_require__(890);\n\nvar _MonthPicker2 = _interopRequireDefault(_MonthPicker);\n\nvar _RangePicker = __webpack_require__(892);\n\nvar _RangePicker2 = _interopRequireDefault(_RangePicker);\n\nvar _WeekPicker = __webpack_require__(895);\n\nvar _WeekPicker2 = _interopRequireDefault(_WeekPicker);\n\nvar _YearPicker = __webpack_require__(896);\n\nvar _YearPicker2 = _interopRequireDefault(_YearPicker);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n_DatePicker2[\"default\"].MonthPicker = _MonthPicker2[\"default\"];\n_DatePicker2[\"default\"].RangePicker = _RangePicker2[\"default\"];\n_DatePicker2[\"default\"].WeekPicker = _WeekPicker2[\"default\"];\n_DatePicker2[\"default\"].YearPicker = _YearPicker2[\"default\"];\n\nexports[\"default\"] = _DatePicker2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 879 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _rcCalendar = __webpack_require__(251);\n\nvar _rcCalendar2 = _interopRequireDefault(_rcCalendar);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _Picker = __webpack_require__(71);\n\nvar _Picker2 = _interopRequireDefault(_Picker);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _Panel = __webpack_require__(389);\n\nvar _Panel2 = _interopRequireDefault(_Panel);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * Created by chief on 17/4/6.\n */\n\nvar timerDatePicker = true;\n\nvar DatePicker = function (_Component) {\n _inherits(DatePicker, _Component);\n\n function DatePicker(props, context) {\n _classCallCheck(this, DatePicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n type: \"month\",\n value: _this.initValue(props),\n open: props.open || false,\n inputValue: _this.initValue(props),\n showClose: false\n };\n _this.fileChange = true;\n\n return _this;\n }\n\n DatePicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (\"value\" in nextProps) {\n this.setState({\n value: this.initValue(nextProps)\n });\n }\n if (\"open\" in nextProps) {\n this.setState({\n open: nextProps.open\n });\n }\n if (\"renderIcon\" in nextProps) {\n this.setState({\n renderIcon: nextProps.renderIcon\n });\n }\n };\n //日期面板中输入框的失焦事件\n\n //fix:更改系统时区后，日期框需要触发 onChange 事件\n\n //阻止组件内部事件冒泡到组件外部容器\n\n\n DatePicker.prototype.render = function render() {\n var _this2 = this;\n\n var state = this.state;\n var props = this.props;\n\n var showClose = props.showClose,\n defaultPanelShown = props.defaultPanelShown,\n onBlur = props.onBlur,\n showHour = props.showHour,\n showMinute = props.showMinute,\n showSecond = props.showSecond,\n others = _objectWithoutProperties(props, [\"showClose\", \"defaultPanelShown\", \"onBlur\", \"showHour\", \"showMinute\", \"showSecond\"]);\n\n var value = state.value;\n var pickerChangeHandler = {};\n var calendarHandler = {};\n var autofocus = this.props.autofocus ? { autofocus: 'autofocus' } : null;\n\n if (props.showTime) {\n calendarHandler = {\n // fix https://github.com/ant-design/ant-design/issues/1902\n onSelect: this.handleChange\n };\n } else {\n pickerChangeHandler = {\n onChange: this.handleChange\n };\n }\n\n var splitNumber = '3';\n if (!showHour) splitNumber -= 1;\n if (!showMinute) splitNumber -= 1;\n if (!showSecond) splitNumber -= 1;\n\n var calendar = _react2[\"default\"].createElement(_rcCalendar2[\"default\"], _extends({\n timePicker: props.showTime ? _react2[\"default\"].createElement(_Panel2[\"default\"], {\n className: 'time-split-' + splitNumber,\n showHour: showHour, showMinute: showMinute, showSecond: showSecond,\n defaultValue: (0, _moment2[\"default\"])((0, _moment2[\"default\"])().format(\"HH:mm:ss\"), \"HH:mm:ss\") }) : null\n }, props, {\n onSelect: this.handleSelect,\n onChange: this.handleCalendarChange,\n value: value,\n onInputBlur: this.onDateInputBlur\n }));\n\n var keyboardInputProps = {};\n if (props.keyboardInput) {\n keyboardInputProps.readOnly = false;\n keyboardInputProps.onChange = this.inputChange;\n keyboardInputProps.value = state.inputValue.format && state.inputValue.isValid() ? state.inputValue.format(props.format) : state.inputValue;\n } else {\n keyboardInputProps.readOnly = true;\n keyboardInputProps.value = value && this.getValue(value) || \"\";\n }\n var classes = (0, _classnames2[\"default\"])(props.className, \"datepicker-container\");\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes, onMouseEnter: this.onDateHover, onClick: this.stopPropagation, onMouseOver: this.stopPropagation\n }, (0, _omit2[\"default\"])(others, ['onDateInputBlur', 'getCalendarContainer', 'showToday', 'renderFooter', 'keyboardInput', 'showDateInput', 'showTime', 'closeIcon', 'renderIcon', 'focusOnOpen', 'defultSelect', 'onOpenChange', 'locale', 'showMonthInput', 'onKeyDown', 'renderError', 'format', 'placeholder', 'disabledTime', 'onChange', 'disabledDate', 'iconClick', 'outInputKeydown'])),\n _react2[\"default\"].createElement(\n _Picker2[\"default\"],\n _extends({\n animation: \"slide-up\"\n }, props, pickerChangeHandler, {\n onOpenChange: this.onOpenChange,\n calendar: calendar,\n mode: 'year',\n open: 'defaultPanelShown' in props ? defaultPanelShown : this.state.open,\n value: state.value\n }),\n function () {\n return _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n { simple: true, className: \"datepicker-input-group\",\n onMouseEnter: _this2.onMouseEnter,\n onMouseLeave: _this2.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], _extends({\n ref: function ref(_ref) {\n return _this2.outInput = _ref;\n },\n disabled: props.disabled,\n placeholder: _this2.props.placeholder,\n onClick: function onClick(event) {\n _this2.onClick(event);\n },\n focusSelect: props.defaultSelected,\n onFocus: function onFocus(v, e) {\n _this2.outInputFocus(e);\n },\n onKeyDown: _this2.outInputKeydown\n // value={(value && value.format(props.format)) || \"\"}\n }, keyboardInputProps, autofocus)),\n showClose && _this2.state.value && _this2.state.showClose && !props.disabled ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: _this2.clear },\n props.closeIcon()\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: function onClick(e) {\n props.keyboardInput ? _this2.iconClick(e) : '';\n } },\n props.renderIcon()\n )\n );\n }\n )\n );\n };\n\n return DatePicker;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.initValue = function (props) {\n var value = props.value || props.defaultValue;\n if (value) {\n if (typeof value == 'string') {\n if ((0, _moment2[\"default\"])(value).isValid()) {\n value = (0, _moment2[\"default\"])(value);\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n } else if (value.format && value.isValid()) {\n value = value;\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n }\n return value;\n };\n\n this.getValue = function (value) {\n var format = _this3.props.format;\n\n if (typeof format == 'string') {\n return value.format(format);\n } else {\n return value.format(format[0]);\n }\n };\n\n this.onChange = function (value) {\n _this3.setState({ value: value });\n };\n\n this.inputFocus = function () {\n var format = _this3.props.format;\n\n var input = document.querySelector('.rc-calendar-input');\n if (input) {\n if (input.value) {\n input.select();\n } else {\n input.focus();\n }\n input.onkeydown = function (e) {\n if (e.keyCode == _tinperBeeCore.KeyCode.DELETE) {\n input.value = '';\n _this3.fireChange('', '');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n _this3.setState({\n open: false\n });\n var v = _this3.state.value;\n _this3.props.onOpenChange(false, v, v && _this3.getValue(v) || '');\n _reactDom2[\"default\"].findDOMNode(_this3.outInput).focus(); // 按esc时候焦点回到input输入框\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ENTER) {\n var parsed = (0, _moment2[\"default\"])(input.value, format, true);\n if (parsed.isValid()) {\n _this3.setState({\n open: false\n });\n var _v = _this3.state.value;\n _this3.props.onOpenChange(false, _v, _v && _this3.getValue(_v) || '');\n _reactDom2[\"default\"].findDOMNode(_this3.outInput).focus();\n }\n }\n _this3.props.onKeyDown && _this3.props.onKeyDown(e);\n };\n }\n };\n\n this.onOpenChange = function (open) {\n var props = _this3.props;\n var self = _this3;\n _this3.setState({\n open: open\n }, function () {\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 0);\n }\n });\n var value = self.state.value;\n props.onOpenChange(open, value, value && _this3.getValue(value) || '');\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 200);\n }\n };\n\n this.handleCalendarChange = function (value) {\n var props = _this3.props;\n _this3.setState({ value: value, inputValue: value && _this3.getValue(value) || '' });\n // this.fireChange(value, (value && this.getValue(value)) || '');\n };\n\n this.handleChange = function (value) {\n var props = _this3.props;\n _this3.setState({\n value: value && _extends(value, { _type: 'date' }) || value,\n inputValue: value && _this3.getValue(value) || ''\n });\n if (timerDatePicker) {\n clearTimeout(_this3.timerout);\n _this3.fireChange(value, value && _this3.getValue(value) || '');\n timerDatePicker = false;\n _this3.timerout = window.setTimeout(function () {\n timerDatePicker = true;\n }, 300);\n }\n };\n\n this.onClick = function (e) {\n var props = _this3.props;\n if (props.keyboardInput) e.stopPropagation();\n var value = _this3.state.value;\n if (props.keyboardInput) {\n props.onClick && props.onClick(e.nativeEvent, value || null, _this3.state.inputValue);\n } else {\n props.onClick && props.onClick(e.nativeEvent, value || null, value && _this3.getValue(value) || '');\n }\n };\n\n this.inputChange = function (value, e) {\n if (_this3.props.keyboardInput) e.stopPropagation();\n _this3.setState({\n inputValue: value\n });\n if ((0, _moment2[\"default\"])(value, _this3.props.format).isValid()) {\n _this3.setState({\n value: (0, _moment2[\"default\"])(value, _this3.props.format)\n });\n value = (0, _moment2[\"default\"])(value, _this3.props.format);\n _this3.fireChange(value, value && _this3.getValue(value) || '');\n } else {\n _this3.fireChange(null, value);\n }\n };\n\n this.outInputFocus = function (e) {\n if (_this3.props.hasOwnProperty('open')) e.stopPropagation();\n _this3.props.outInputFocus && _this3.props.outInputFocus(e);\n };\n\n this.iconClick = function (e) {\n _this3.props.iconClick && _this3.props.iconClick(e);\n };\n\n this.outInputKeydown = function (e) {\n if (e.keyCode == _tinperBeeCore.KeyCode.DELETE) {\n _this3.setState({\n inputValue: ''\n });\n _this3.fireChange('', '');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n _this3.setState({\n open: false\n });\n var value = _this3.state.inputValue;\n if ((0, _moment2[\"default\"])(value, _this3.props.format).isValid()) {\n _this3.setState({\n value: (0, _moment2[\"default\"])(value, _this3.props.format)\n });\n value = (0, _moment2[\"default\"])(value, _this3.props.format);\n _this3.fireChange(value, value && _this3.getValue(value) || '');\n } else {\n _this3.fireChange(null, value);\n }\n }\n _this3.props.outInputKeydown && _this3.props.outInputKeydown(e);\n };\n\n this.onMouseLeave = function (e) {\n _this3.setState({\n showClose: false\n });\n };\n\n this.onMouseEnter = function (e) {\n _this3.setState({\n showClose: true\n });\n };\n\n this.clear = function (e) {\n e.stopPropagation();\n _this3.setState({\n inputValue: '',\n value: ''\n });\n _this3.fireChange('', '');\n };\n\n this.handleSelect = function (value) {\n _this3.setState({\n value: value\n });\n _this3.props.onSelect && _this3.props.onSelect(value, value && _this3.getValue(value) || '');\n // ReactDOM.findDOMNode(this.outInput).focus()\n };\n\n this.onDateInputBlur = function (e) {\n var input = document.querySelector('.rc-calendar-input');\n var value = void 0;\n if (input) {\n value = input.value ? input.value : '';\n }\n _this3.props.onDateInputBlur && _this3.props.onDateInputBlur(e, value);\n };\n\n this.onDateHover = function () {\n var format = _this3.props.format;\n var value = _this3.state.value,\n newValue = value && _this3.getValue(value);\n\n\n var inputValue = _this3.outInput.state.value;\n inputValue = format ? inputValue : inputValue && _this3.getValue((0, _moment2[\"default\"])(inputValue));\n\n if (newValue && inputValue !== newValue) {\n _this3.fireChange(value, newValue || '');\n }\n };\n\n this.stopPropagation = function (e) {\n e.stopPropagation();\n };\n\n this.fireChange = function (value, stringValue) {\n _this3.fileChange && _this3.props.onChange(value, stringValue);\n _this3.fileChange = false;\n _this3.fileChangeTimer = window.setTimeout(function () {\n _this3.fileChange = true;\n }, 10);\n };\n};\n\nDatePicker.defaultProps = {\n closeIcon: function closeIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-close-c\" });\n },\n renderIcon: function renderIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-calendar\" });\n },\n focusOnOpen: true,\n defultSelect: false,\n onOpenChange: function onOpenChange() {},\n onChange: function onChange() {},\n locale: _zh_CN2[\"default\"],\n showMonthInput: false,\n onKeyDown: function onKeyDown() {},\n renderError: function renderError() {},\n showClose: true,\n format: \"YYYY-MM-DD\",\n showSecond: true,\n showHour: true,\n showMinute: true\n};\n\nexports[\"default\"] = DatePicker;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 880 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _KeyCode = __webpack_require__(65);\n\nvar _KeyCode2 = _interopRequireDefault(_KeyCode);\n\nvar _reactLifecyclesCompat = __webpack_require__(8);\n\nvar _DateTable = __webpack_require__(252);\n\nvar _DateTable2 = _interopRequireDefault(_DateTable);\n\nvar _CalendarHeader = __webpack_require__(143);\n\nvar _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);\n\nvar _CalendarFooter = __webpack_require__(382);\n\nvar _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);\n\nvar _CalendarMixin = __webpack_require__(386);\n\nvar _CommonMixin = __webpack_require__(144);\n\nvar _DateInput = __webpack_require__(70);\n\nvar _DateInput2 = _interopRequireDefault(_DateInput);\n\nvar _util = __webpack_require__(22);\n\nvar _toTime = __webpack_require__(388);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction noop() {}\n\nvar Calendar = function (_React$Component) {\n _inherits(Calendar, _React$Component);\n\n function Calendar(props) {\n _classCallCheck(this, Calendar);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n mode: _this.props.mode || 'date',\n value: props.value || props.defaultValue || (0, _moment2[\"default\"])(),\n selectedValue: props.selectedValue || props.defaultSelectedValue\n };\n return _this;\n }\n\n Calendar.prototype.componentDidMount = function componentDidMount() {\n if (this.props.showDateInput) {\n this.saveFocusElement(_DateInput2[\"default\"].getInstance());\n }\n };\n\n Calendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {\n var value = nextProps.value,\n selectedValue = nextProps.selectedValue;\n\n var newState = {};\n\n if ('mode' in nextProps && state.mode !== nextProps.mode) {\n newState = { mode: nextProps.mode };\n }\n if ('value' in nextProps) {\n newState.value = value || nextProps.defaultValue || (0, _CalendarMixin.getNowByCurrentStateValue)(state.value);\n }\n if ('selectedValue' in nextProps) {\n newState.selectedValue = selectedValue;\n }\n\n return newState;\n };\n\n Calendar.prototype.render = function render() {\n var props = this.props,\n state = this.state;\n var locale = props.locale,\n prefixCls = props.prefixCls,\n disabledDate = props.disabledDate,\n dateInputPlaceholder = props.dateInputPlaceholder,\n timePicker = props.timePicker,\n disabledTime = props.disabledTime,\n clearIcon = props.clearIcon,\n renderFooter = props.renderFooter,\n showMonthInput = props.showMonthInput,\n renderError = props.renderError,\n onInputBlur = props.onInputBlur;\n var value = state.value,\n selectedValue = state.selectedValue,\n mode = state.mode;\n\n var showTimePicker = mode === 'time';\n var disabledTimeConfig = showTimePicker && disabledTime && timePicker ? (0, _util.getTimeConfig)(selectedValue, disabledTime) : null;\n\n var timePickerEle = null;\n\n if (timePicker && showTimePicker) {\n var timePickerProps = _extends({\n showHour: true,\n showSecond: true,\n showMinute: true\n }, timePicker.props, disabledTimeConfig, {\n onChange: this.onDateInputChange,\n value: selectedValue,\n disabledTime: disabledTime\n });\n\n if (timePicker.props.defaultValue !== undefined) {\n timePickerProps.defaultOpenValue = timePicker.props.defaultValue;\n }\n\n timePickerEle = _react2[\"default\"].cloneElement(timePicker, timePickerProps);\n }\n var dateInputElement = props.showDateInput ? _react2[\"default\"].createElement(_DateInput2[\"default\"], {\n format: this.getFormat(),\n key: 'date-input',\n value: value,\n locale: locale,\n placeholder: dateInputPlaceholder,\n showClear: true,\n disabledTime: disabledTime,\n disabledDate: disabledDate,\n onClear: this.onClear,\n prefixCls: prefixCls,\n selectedValue: selectedValue,\n onChange: this.onDateInputChange,\n onSelect: this.onDateInputSelect,\n clearIcon: clearIcon,\n renderError: renderError,\n onBlur: onInputBlur\n }) : null;\n\n var children = [];\n if (props.renderSidebar) {\n children.push(props.renderSidebar());\n }\n children.push(_react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-panel', key: 'panel' },\n dateInputElement,\n _react2[\"default\"].createElement(\n 'div',\n {\n tabIndex: this.props.focusablePanel ? 0 : undefined,\n className: prefixCls + '-date-panel',\n onMouseOver: this.onMouseOver\n },\n _react2[\"default\"].createElement(_CalendarHeader2[\"default\"], {\n locale: locale,\n mode: mode,\n value: value,\n onValueChange: this.setValue,\n onPanelChange: this.onPanelChange,\n renderFooter: renderFooter,\n showTimePicker: showTimePicker,\n prefixCls: prefixCls,\n showMonthInput: showMonthInput\n }),\n timePicker && showTimePicker ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-time-picker' },\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-time-picker-panel' },\n timePickerEle\n )\n ) : null,\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-body' },\n _react2[\"default\"].createElement(_DateTable2[\"default\"], {\n locale: locale,\n value: value,\n selectedValue: selectedValue,\n prefixCls: prefixCls,\n dateRender: props.dateRender,\n onSelect: this.onDateTableSelect,\n disabledDate: disabledDate,\n showWeekNumber: props.showWeekNumber\n })\n ),\n _react2[\"default\"].createElement(_CalendarFooter2[\"default\"], {\n showOk: props.showOk,\n mode: mode,\n renderFooter: props.renderFooter,\n locale: locale,\n prefixCls: prefixCls,\n showToday: props.showToday,\n disabledTime: disabledTime,\n showTimePicker: showTimePicker,\n showDateInput: props.showDateInput,\n timePicker: timePicker,\n selectedValue: selectedValue,\n value: value,\n disabledDate: disabledDate,\n okDisabled: props.showOk !== false && (!selectedValue || !this.isAllowedDate(selectedValue)),\n onOk: this.onOk,\n onSelect: this.onSelect,\n onToday: this.onToday,\n onOpenTimePicker: this.openTimePicker,\n onCloseTimePicker: this.closeTimePicker\n })\n )\n ));\n\n return this.renderRoot({\n children: children,\n className: props.showWeekNumber ? prefixCls + '-week-number' : ''\n });\n };\n\n return Calendar;\n}(_react2[\"default\"].Component);\n\nCalendar.propTypes = _extends({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {\n prefixCls: _propTypes2[\"default\"].string,\n className: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].object,\n defaultValue: _propTypes2[\"default\"].object,\n value: _propTypes2[\"default\"].object,\n selectedValue: _propTypes2[\"default\"].object,\n defaultSelectedValue: _propTypes2[\"default\"].object,\n mode: _propTypes2[\"default\"].oneOf(['time', 'date', 'month', 'year', 'decade']),\n locale: _propTypes2[\"default\"].object,\n showDateInput: _propTypes2[\"default\"].bool,\n showWeekNumber: _propTypes2[\"default\"].bool,\n showToday: _propTypes2[\"default\"].bool,\n showOk: _propTypes2[\"default\"].bool,\n onSelect: _propTypes2[\"default\"].func,\n onOk: _propTypes2[\"default\"].func,\n onKeyDown: _propTypes2[\"default\"].func,\n timePicker: _propTypes2[\"default\"].element,\n dateInputPlaceholder: _propTypes2[\"default\"].any,\n onClear: _propTypes2[\"default\"].func,\n onChange: _propTypes2[\"default\"].func,\n onPanelChange: _propTypes2[\"default\"].func,\n disabledDate: _propTypes2[\"default\"].func,\n disabledTime: _propTypes2[\"default\"].any,\n dateRender: _propTypes2[\"default\"].func,\n renderFooter: _propTypes2[\"default\"].func,\n renderSidebar: _propTypes2[\"default\"].func,\n clearIcon: _propTypes2[\"default\"].node,\n focusablePanel: _propTypes2[\"default\"].bool\n});\nCalendar.defaultProps = _extends({}, _CalendarMixin.calendarMixinDefaultProps, _CommonMixin.defaultProp, {\n showToday: true,\n showDateInput: true,\n timePicker: null,\n onOk: noop,\n onPanelChange: noop,\n focusablePanel: true\n});\n\nvar _initialiseProps = function _initialiseProps() {\n var _this2 = this;\n\n this.onPanelChange = function (value, mode) {\n var props = _this2.props,\n state = _this2.state;\n\n if (!('mode' in props)) {\n _this2.setState({ mode: mode });\n }\n props.onPanelChange(value || state.value, mode);\n };\n\n this.onKeyDown = function (event) {\n if (event.target.nodeName.toLowerCase() === 'input') {\n return undefined;\n } else {\n _this2.props.onKeyDown && _this2.props.onKeyDown(event);\n }\n var keyCode = event.keyCode;\n // mac\n var ctrlKey = event.ctrlKey || event.metaKey;\n var disabledDate = _this2.props.disabledDate;\n var value = _this2.state.value;\n\n switch (keyCode) {\n case _KeyCode2[\"default\"].DOWN:\n _this2.goTime(1, 'weeks');\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].UP:\n _this2.goTime(-1, 'weeks');\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].LEFT:\n if (ctrlKey) {\n _this2.goTime(-1, 'years');\n } else {\n _this2.goTime(-1, 'days');\n }\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].RIGHT:\n if (ctrlKey) {\n _this2.goTime(1, 'years');\n } else {\n _this2.goTime(1, 'days');\n }\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].HOME:\n _this2.setValue((0, _toTime.goStartMonth)(_this2.state.value));\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].END:\n _this2.setValue((0, _toTime.goEndMonth)(_this2.state.value));\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].PAGE_DOWN:\n _this2.goTime(1, 'month');\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].PAGE_UP:\n _this2.goTime(-1, 'month');\n event.preventDefault();\n return 1;\n case _KeyCode2[\"default\"].ENTER:\n if (!disabledDate || !disabledDate(value)) {\n _this2.onSelect(value, {\n source: 'keyboard'\n });\n }\n event.preventDefault();\n return 1;\n }\n };\n\n this.onClear = function () {\n _this2.onSelect(null);\n _this2.props.onClear();\n };\n\n this.onOk = function () {\n var selectedValue = _this2.state.selectedValue;\n\n if (_this2.isAllowedDate(selectedValue)) {\n _this2.props.onOk(selectedValue);\n }\n };\n\n this.onDateInputChange = function (value) {\n _this2.onSelect(value, {\n source: 'dateInput'\n });\n };\n\n this.onDateInputSelect = function (value) {\n _this2.onSelect(value, {\n source: 'dateInputSelect'\n });\n };\n\n this.onDateTableSelect = function (value) {\n var timePicker = _this2.props.timePicker;\n var selectedValue = _this2.state.selectedValue;\n\n if (!selectedValue && timePicker) {\n var timePickerDefaultValue = timePicker.props.defaultValue;\n if (timePickerDefaultValue) {\n (0, _util.syncTime)(timePickerDefaultValue, value);\n }\n }\n _this2.onSelect(value);\n };\n\n this.onToday = function () {\n var value = _this2.state.value;\n\n var now = (0, _util.getTodayTime)(value);\n _this2.onSelect(now, {\n source: 'todayButton'\n });\n };\n\n this.getRootDOMNode = function () {\n return _reactDom2[\"default\"].findDOMNode(_this2);\n };\n\n this.openTimePicker = function () {\n _this2.onPanelChange(null, 'time');\n };\n\n this.closeTimePicker = function () {\n _this2.onPanelChange(null, 'date');\n };\n\n this.goTime = function (direction, unit) {\n _this2.setValue((0, _toTime.goTime)(_this2.state.value, direction, unit));\n };\n\n this.onMouseOver = function (e) {\n e.stopPropagation();\n };\n};\n\n(0, _reactLifecyclesCompat.polyfill)(Calendar);\n\nexports[\"default\"] = (0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(Calendar));\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 881 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _DateConstants = __webpack_require__(253);\n\nvar _DateConstants2 = _interopRequireDefault(_DateConstants);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar DateTHead = function (_React$Component) {\n _inherits(DateTHead, _React$Component);\n\n function DateTHead() {\n _classCallCheck(this, DateTHead);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n DateTHead.prototype.render = function render() {\n var props = this.props;\n var value = props.value;\n var localeData = value.localeData();\n var prefixCls = props.prefixCls;\n var veryShortWeekdays = [];\n var weekDays = [];\n var firstDayOfWeek = localeData.firstDayOfWeek();\n var showWeekNumberEl = void 0;\n var now = (0, _moment2[\"default\"])();\n for (var dateColIndex = 0; dateColIndex < _DateConstants2[\"default\"].DATE_COL_COUNT; dateColIndex++) {\n var index = (firstDayOfWeek + dateColIndex) % _DateConstants2[\"default\"].DATE_COL_COUNT;\n now.day(index);\n veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);\n weekDays[dateColIndex] = localeData.weekdaysShort(now);\n }\n\n if (props.showWeekNumber) {\n showWeekNumberEl = _react2[\"default\"].createElement(\n 'th',\n {\n role: 'columnheader',\n className: prefixCls + '-column-header ' + prefixCls + '-week-number-header'\n },\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-column-header-inner' },\n 'x'\n )\n );\n }\n var weekDaysEls = weekDays.map(function (day, xindex) {\n return _react2[\"default\"].createElement(\n 'th',\n {\n key: xindex,\n role: 'columnheader',\n title: day,\n className: prefixCls + '-column-header'\n },\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-column-header-inner' },\n veryShortWeekdays[xindex]\n )\n );\n });\n return _react2[\"default\"].createElement(\n 'thead',\n null,\n _react2[\"default\"].createElement(\n 'tr',\n { role: 'row' },\n showWeekNumberEl,\n weekDaysEls\n )\n );\n };\n\n return DateTHead;\n}(_react2[\"default\"].Component);\n\nexports[\"default\"] = DateTHead;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 882 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar map = {\n\t\"./af\": 254,\n\t\"./af.js\": 254,\n\t\"./ar\": 255,\n\t\"./ar-dz\": 256,\n\t\"./ar-dz.js\": 256,\n\t\"./ar-kw\": 257,\n\t\"./ar-kw.js\": 257,\n\t\"./ar-ly\": 258,\n\t\"./ar-ly.js\": 258,\n\t\"./ar-ma\": 259,\n\t\"./ar-ma.js\": 259,\n\t\"./ar-sa\": 260,\n\t\"./ar-sa.js\": 260,\n\t\"./ar-tn\": 261,\n\t\"./ar-tn.js\": 261,\n\t\"./ar.js\": 255,\n\t\"./az\": 262,\n\t\"./az.js\": 262,\n\t\"./be\": 263,\n\t\"./be.js\": 263,\n\t\"./bg\": 264,\n\t\"./bg.js\": 264,\n\t\"./bm\": 265,\n\t\"./bm.js\": 265,\n\t\"./bn\": 266,\n\t\"./bn.js\": 266,\n\t\"./bo\": 267,\n\t\"./bo.js\": 267,\n\t\"./br\": 268,\n\t\"./br.js\": 268,\n\t\"./bs\": 269,\n\t\"./bs.js\": 269,\n\t\"./ca\": 270,\n\t\"./ca.js\": 270,\n\t\"./cs\": 271,\n\t\"./cs.js\": 271,\n\t\"./cv\": 272,\n\t\"./cv.js\": 272,\n\t\"./cy\": 273,\n\t\"./cy.js\": 273,\n\t\"./da\": 274,\n\t\"./da.js\": 274,\n\t\"./de\": 275,\n\t\"./de-at\": 276,\n\t\"./de-at.js\": 276,\n\t\"./de-ch\": 277,\n\t\"./de-ch.js\": 277,\n\t\"./de.js\": 275,\n\t\"./dv\": 278,\n\t\"./dv.js\": 278,\n\t\"./el\": 279,\n\t\"./el.js\": 279,\n\t\"./en-SG\": 280,\n\t\"./en-SG.js\": 280,\n\t\"./en-au\": 281,\n\t\"./en-au.js\": 281,\n\t\"./en-ca\": 282,\n\t\"./en-ca.js\": 282,\n\t\"./en-gb\": 142,\n\t\"./en-gb.js\": 142,\n\t\"./en-ie\": 283,\n\t\"./en-ie.js\": 283,\n\t\"./en-il\": 284,\n\t\"./en-il.js\": 284,\n\t\"./en-nz\": 285,\n\t\"./en-nz.js\": 285,\n\t\"./eo\": 286,\n\t\"./eo.js\": 286,\n\t\"./es\": 287,\n\t\"./es-do\": 288,\n\t\"./es-do.js\": 288,\n\t\"./es-us\": 289,\n\t\"./es-us.js\": 289,\n\t\"./es.js\": 287,\n\t\"./et\": 290,\n\t\"./et.js\": 290,\n\t\"./eu\": 291,\n\t\"./eu.js\": 291,\n\t\"./fa\": 292,\n\t\"./fa.js\": 292,\n\t\"./fi\": 293,\n\t\"./fi.js\": 293,\n\t\"./fo\": 294,\n\t\"./fo.js\": 294,\n\t\"./fr\": 295,\n\t\"./fr-ca\": 296,\n\t\"./fr-ca.js\": 296,\n\t\"./fr-ch\": 297,\n\t\"./fr-ch.js\": 297,\n\t\"./fr.js\": 295,\n\t\"./fy\": 298,\n\t\"./fy.js\": 298,\n\t\"./ga\": 299,\n\t\"./ga.js\": 299,\n\t\"./gd\": 300,\n\t\"./gd.js\": 300,\n\t\"./gl\": 301,\n\t\"./gl.js\": 301,\n\t\"./gom-latn\": 302,\n\t\"./gom-latn.js\": 302,\n\t\"./gu\": 303,\n\t\"./gu.js\": 303,\n\t\"./he\": 304,\n\t\"./he.js\": 304,\n\t\"./hi\": 305,\n\t\"./hi.js\": 305,\n\t\"./hr\": 306,\n\t\"./hr.js\": 306,\n\t\"./hu\": 307,\n\t\"./hu.js\": 307,\n\t\"./hy-am\": 308,\n\t\"./hy-am.js\": 308,\n\t\"./id\": 309,\n\t\"./id.js\": 309,\n\t\"./is\": 310,\n\t\"./is.js\": 310,\n\t\"./it\": 311,\n\t\"./it-ch\": 312,\n\t\"./it-ch.js\": 312,\n\t\"./it.js\": 311,\n\t\"./ja\": 313,\n\t\"./ja.js\": 313,\n\t\"./jv\": 314,\n\t\"./jv.js\": 314,\n\t\"./ka\": 315,\n\t\"./ka.js\": 315,\n\t\"./kk\": 316,\n\t\"./kk.js\": 316,\n\t\"./km\": 317,\n\t\"./km.js\": 317,\n\t\"./kn\": 318,\n\t\"./kn.js\": 318,\n\t\"./ko\": 319,\n\t\"./ko.js\": 319,\n\t\"./ku\": 320,\n\t\"./ku.js\": 320,\n\t\"./ky\": 321,\n\t\"./ky.js\": 321,\n\t\"./lb\": 322,\n\t\"./lb.js\": 322,\n\t\"./lo\": 323,\n\t\"./lo.js\": 323,\n\t\"./lt\": 324,\n\t\"./lt.js\": 324,\n\t\"./lv\": 325,\n\t\"./lv.js\": 325,\n\t\"./me\": 326,\n\t\"./me.js\": 326,\n\t\"./mi\": 327,\n\t\"./mi.js\": 327,\n\t\"./mk\": 328,\n\t\"./mk.js\": 328,\n\t\"./ml\": 329,\n\t\"./ml.js\": 329,\n\t\"./mn\": 330,\n\t\"./mn.js\": 330,\n\t\"./mr\": 331,\n\t\"./mr.js\": 331,\n\t\"./ms\": 332,\n\t\"./ms-my\": 333,\n\t\"./ms-my.js\": 333,\n\t\"./ms.js\": 332,\n\t\"./mt\": 334,\n\t\"./mt.js\": 334,\n\t\"./my\": 335,\n\t\"./my.js\": 335,\n\t\"./nb\": 336,\n\t\"./nb.js\": 336,\n\t\"./ne\": 337,\n\t\"./ne.js\": 337,\n\t\"./nl\": 338,\n\t\"./nl-be\": 339,\n\t\"./nl-be.js\": 339,\n\t\"./nl.js\": 338,\n\t\"./nn\": 340,\n\t\"./nn.js\": 340,\n\t\"./pa-in\": 341,\n\t\"./pa-in.js\": 341,\n\t\"./pl\": 342,\n\t\"./pl.js\": 342,\n\t\"./pt\": 343,\n\t\"./pt-br\": 344,\n\t\"./pt-br.js\": 344,\n\t\"./pt.js\": 343,\n\t\"./ro\": 345,\n\t\"./ro.js\": 345,\n\t\"./ru\": 346,\n\t\"./ru.js\": 346,\n\t\"./sd\": 347,\n\t\"./sd.js\": 347,\n\t\"./se\": 348,\n\t\"./se.js\": 348,\n\t\"./si\": 349,\n\t\"./si.js\": 349,\n\t\"./sk\": 350,\n\t\"./sk.js\": 350,\n\t\"./sl\": 351,\n\t\"./sl.js\": 351,\n\t\"./sq\": 352,\n\t\"./sq.js\": 352,\n\t\"./sr\": 353,\n\t\"./sr-cyrl\": 354,\n\t\"./sr-cyrl.js\": 354,\n\t\"./sr.js\": 353,\n\t\"./ss\": 355,\n\t\"./ss.js\": 355,\n\t\"./sv\": 356,\n\t\"./sv.js\": 356,\n\t\"./sw\": 357,\n\t\"./sw.js\": 357,\n\t\"./ta\": 358,\n\t\"./ta.js\": 358,\n\t\"./te\": 359,\n\t\"./te.js\": 359,\n\t\"./tet\": 360,\n\t\"./tet.js\": 360,\n\t\"./tg\": 361,\n\t\"./tg.js\": 361,\n\t\"./th\": 362,\n\t\"./th.js\": 362,\n\t\"./tl-ph\": 363,\n\t\"./tl-ph.js\": 363,\n\t\"./tlh\": 364,\n\t\"./tlh.js\": 364,\n\t\"./tr\": 365,\n\t\"./tr.js\": 365,\n\t\"./tzl\": 366,\n\t\"./tzl.js\": 366,\n\t\"./tzm\": 367,\n\t\"./tzm-latn\": 368,\n\t\"./tzm-latn.js\": 368,\n\t\"./tzm.js\": 367,\n\t\"./ug-cn\": 369,\n\t\"./ug-cn.js\": 369,\n\t\"./uk\": 370,\n\t\"./uk.js\": 370,\n\t\"./ur\": 371,\n\t\"./ur.js\": 371,\n\t\"./uz\": 372,\n\t\"./uz-latn\": 373,\n\t\"./uz-latn.js\": 373,\n\t\"./uz.js\": 372,\n\t\"./vi\": 374,\n\t\"./vi.js\": 374,\n\t\"./x-pseudo\": 375,\n\t\"./x-pseudo.js\": 375,\n\t\"./yo\": 376,\n\t\"./yo.js\": 376,\n\t\"./zh-cn\": 88,\n\t\"./zh-cn.js\": 88,\n\t\"./zh-hk\": 377,\n\t\"./zh-hk.js\": 377,\n\t\"./zh-tw\": 378,\n\t\"./zh-tw.js\": 378\n};\nfunction webpackContext(req) {\n\treturn __webpack_require__(webpackContextResolve(req));\n};\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) // check for number or string\n\t\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n\treturn id;\n};\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 882;\n\n/***/ }),\n/* 883 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _DateConstants = __webpack_require__(253);\n\nvar _DateConstants2 = _interopRequireDefault(_DateConstants);\n\nvar _util = __webpack_require__(22);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction isSameDay(one, two) {\n return one && two && one.isSame(two, 'day');\n}\n\nfunction beforeCurrentMonthYear(current, today) {\n if (current.year() < today.year()) {\n return 1;\n }\n return current.year() === today.year() && current.month() < today.month();\n}\n\nfunction afterCurrentMonthYear(current, today) {\n if (current.year() > today.year()) {\n return 1;\n }\n return current.year() === today.year() && current.month() > today.month();\n}\n\nfunction getIdFromDate(date) {\n return 'rc-calendar-' + date.year() + '-' + date.month() + '-' + date.date();\n}\n\nvar DateTBody = function (_React$Component) {\n _inherits(DateTBody, _React$Component);\n\n function DateTBody() {\n _classCallCheck(this, DateTBody);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n DateTBody.prototype.render = function render() {\n var props = this.props;\n var contentRender = props.contentRender,\n prefixCls = props.prefixCls,\n selectedValue = props.selectedValue,\n value = props.value,\n showWeekNumber = props.showWeekNumber,\n dateRender = props.dateRender,\n disabledDate = props.disabledDate,\n hoverValue = props.hoverValue;\n\n var iIndex = void 0;\n var jIndex = void 0;\n var current = void 0;\n var dateTable = [];\n var today = (0, _util.getTodayTime)(value);\n var cellClass = prefixCls + '-cell';\n var weekNumberCellClass = prefixCls + '-week-number-cell';\n var dateClass = prefixCls + '-date';\n var todayClass = prefixCls + '-today';\n var selectedClass = prefixCls + '-selected-day';\n var selectedDateClass = prefixCls + '-selected-date'; // do not move with mouse operation\n var selectedStartDateClass = prefixCls + '-selected-start-date';\n var selectedEndDateClass = prefixCls + '-selected-end-date';\n var inRangeClass = prefixCls + '-in-range-cell';\n var lastMonthDayClass = prefixCls + '-last-month-cell';\n var nextMonthDayClass = prefixCls + '-next-month-btn-day';\n var disabledClass = prefixCls + '-disabled-cell';\n var firstDisableClass = prefixCls + '-disabled-cell-first-of-row';\n var lastDisableClass = prefixCls + '-disabled-cell-last-of-row';\n var lastDayOfMonthClass = prefixCls + '-last-day-of-month';\n var month1 = value.clone();\n month1.date(1);\n var day = month1.day();\n var lastMonthDiffDay = (day + 7 - value.localeData().firstDayOfWeek()) % 7;\n // calculate last month\n var lastMonth1 = month1.clone();\n lastMonth1.add(0 - lastMonthDiffDay, 'days');\n var passed = 0;\n\n for (iIndex = 0; iIndex < _DateConstants2[\"default\"].DATE_ROW_COUNT; iIndex++) {\n for (jIndex = 0; jIndex < _DateConstants2[\"default\"].DATE_COL_COUNT; jIndex++) {\n current = lastMonth1;\n if (passed) {\n current = current.clone();\n current.add(passed, 'days');\n }\n dateTable.push(current);\n passed++;\n }\n }\n var tableHtml = [];\n passed = 0;\n\n for (iIndex = 0; iIndex < _DateConstants2[\"default\"].DATE_ROW_COUNT; iIndex++) {\n var _cx;\n\n var isCurrentWeek = void 0;\n var weekNumberCell = void 0;\n var isActiveWeek = false;\n var dateCells = [];\n if (showWeekNumber) {\n weekNumberCell = _react2[\"default\"].createElement(\n 'td',\n {\n key: dateTable[passed].week(),\n role: 'gridcell',\n className: weekNumberCellClass\n },\n dateTable[passed].week()\n );\n }\n for (jIndex = 0; jIndex < _DateConstants2[\"default\"].DATE_COL_COUNT; jIndex++) {\n var next = null;\n var last = null;\n current = dateTable[passed];\n if (jIndex < _DateConstants2[\"default\"].DATE_COL_COUNT - 1) {\n next = dateTable[passed + 1];\n }\n if (jIndex > 0) {\n last = dateTable[passed - 1];\n }\n var cls = cellClass;\n var disabled = false;\n var selected = false;\n\n if (isSameDay(current, today)) {\n cls += ' ' + todayClass;\n isCurrentWeek = true;\n }\n\n var isBeforeCurrentMonthYear = beforeCurrentMonthYear(current, value);\n var isAfterCurrentMonthYear = afterCurrentMonthYear(current, value);\n\n if (selectedValue && Array.isArray(selectedValue)) {\n var rangeValue = hoverValue.length ? hoverValue : selectedValue;\n if (!isBeforeCurrentMonthYear && !isAfterCurrentMonthYear) {\n var startValue = rangeValue[0];\n var endValue = rangeValue[1];\n if (startValue) {\n if (isSameDay(current, startValue)) {\n selected = true;\n isActiveWeek = true;\n cls += ' ' + selectedStartDateClass;\n }\n }\n if (startValue && endValue) {\n if (isSameDay(current, endValue)) {\n selected = true;\n isActiveWeek = true;\n cls += ' ' + selectedEndDateClass;\n } else if (current.isAfter(startValue, 'day') && current.isBefore(endValue, 'day')) {\n cls += ' ' + inRangeClass;\n }\n }\n }\n } else if (isSameDay(current, value)) {\n // keyboard change value, highlight works\n selected = true;\n isActiveWeek = true;\n }\n\n if (isSameDay(current, selectedValue)) {\n cls += ' ' + selectedDateClass;\n }\n\n if (isBeforeCurrentMonthYear) {\n cls += ' ' + lastMonthDayClass;\n }\n\n if (isAfterCurrentMonthYear) {\n cls += ' ' + nextMonthDayClass;\n }\n\n if (current.clone().endOf('month').date() === current.date()) {\n cls += ' ' + lastDayOfMonthClass;\n }\n\n if (disabledDate) {\n if (disabledDate(current, value)) {\n disabled = true;\n\n if (!last || !disabledDate(last, value)) {\n cls += ' ' + firstDisableClass;\n }\n\n if (!next || !disabledDate(next, value)) {\n cls += ' ' + lastDisableClass;\n }\n }\n }\n\n if (selected) {\n cls += ' ' + selectedClass;\n }\n\n if (disabled) {\n cls += ' ' + disabledClass;\n }\n\n var dateHtml = void 0;\n if (dateRender) {\n dateHtml = dateRender(current, value);\n } else {\n var content = contentRender ? contentRender(current, value) : current.date();\n dateHtml = _react2[\"default\"].createElement(\n 'div',\n {\n key: getIdFromDate(current),\n className: dateClass,\n 'aria-selected': selected,\n 'aria-disabled': disabled\n },\n content\n );\n }\n\n dateCells.push(_react2[\"default\"].createElement(\n 'td',\n {\n key: passed,\n onClick: disabled ? undefined : props.onSelect.bind(null, current),\n onMouseEnter: disabled ? undefined : props.onDayHover && props.onDayHover.bind(null, current) || undefined,\n role: 'gridcell',\n title: (0, _util.getTitleString)(current),\n className: cls\n },\n dateHtml\n ));\n\n passed++;\n }\n\n tableHtml.push(_react2[\"default\"].createElement(\n 'tr',\n {\n key: iIndex,\n role: 'row',\n className: (0, _classnames2[\"default\"])((_cx = {}, _defineProperty(_cx, prefixCls + '-current-week', isCurrentWeek), _defineProperty(_cx, prefixCls + '-active-week', isActiveWeek), _cx))\n },\n weekNumberCell,\n dateCells\n ));\n }\n return _react2[\"default\"].createElement(\n 'tbody',\n { className: prefixCls + '-tbody' },\n tableHtml\n );\n };\n\n return DateTBody;\n}(_react2[\"default\"].Component);\n\nDateTBody.propTypes = {\n contentRender: _propTypes2[\"default\"].func,\n dateRender: _propTypes2[\"default\"].func,\n disabledDate: _propTypes2[\"default\"].func,\n prefixCls: _propTypes2[\"default\"].string,\n selectedValue: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].object, _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].object)]),\n value: _propTypes2[\"default\"].object,\n hoverValue: _propTypes2[\"default\"].any,\n showWeekNumber: _propTypes2[\"default\"].bool\n};\nDateTBody.defaultProps = {\n hoverValue: []\n};\nexports[\"default\"] = DateTBody;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 884 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactLifecyclesCompat = __webpack_require__(8);\n\nvar _MonthTable = __webpack_require__(885);\n\nvar _MonthTable2 = _interopRequireDefault(_MonthTable);\n\nvar _DateInput = __webpack_require__(70);\n\nvar _DateInput2 = _interopRequireDefault(_DateInput);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction goYear(direction) {\n var next = this.state.value.clone();\n next.add(direction, 'year');\n this.setAndChangeValue(next);\n}\n\nfunction noop() {}\n\nvar MonthPanel = function (_React$Component) {\n _inherits(MonthPanel, _React$Component);\n\n function MonthPanel(props) {\n _classCallCheck(this, MonthPanel);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.setAndChangeValue = function (value) {\n _this.setValue(value);\n _this.props.onChange(value);\n };\n\n _this.setAndSelectValue = function (value) {\n _this.setValue(value);\n _this.props.onSelect(value);\n };\n\n _this.setValue = function (value) {\n if (!('value' in _this.props)) {\n _this.setState({\n value: value\n });\n }\n };\n\n _this.nextYear = goYear.bind(_this, 1);\n _this.previousYear = goYear.bind(_this, -1);\n _this.prefixCls = props.rootPrefixCls + '-month-panel';\n\n _this.state = {\n value: props.value || props.defaultValue\n };\n return _this;\n }\n\n MonthPanel.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps) {\n var newState = {};\n\n if ('value' in nextProps) {\n newState = {\n value: nextProps.value\n };\n }\n\n return newState;\n };\n\n MonthPanel.prototype.render = function render() {\n var props = this.props;\n var value = this.state.value;\n var locale = props.locale,\n cellRender = props.cellRender,\n contentRender = props.contentRender,\n renderFooter = props.renderFooter,\n rootPrefixCls = props.rootPrefixCls;\n\n var year = value.year();\n var prefixCls = this.prefixCls;\n\n var footer = renderFooter && renderFooter('month');\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls, style: props.style, tabIndex: '0' },\n _react2[\"default\"].createElement(\n 'div',\n null,\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-header' },\n _react2[\"default\"].createElement('a', {\n className: prefixCls + '-prev-year-btn',\n role: 'button',\n onClick: this.previousYear,\n title: locale.previousYear\n }),\n _react2[\"default\"].createElement(\n 'a',\n {\n className: prefixCls + '-year-select',\n role: 'button',\n onClick: props.onYearPanelShow,\n title: locale.yearSelect\n },\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-year-select-content' },\n year\n ),\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-year-select-arrow' },\n 'x'\n )\n ),\n _react2[\"default\"].createElement('a', {\n className: prefixCls + '-next-year-btn',\n role: 'button',\n onClick: this.nextYear,\n title: locale.nextYear\n })\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-body' },\n _react2[\"default\"].createElement(_MonthTable2[\"default\"], {\n disabledDate: props.disabledDate,\n onSelect: this.setAndSelectValue,\n locale: locale,\n value: value,\n cellRender: cellRender,\n contentRender: contentRender,\n prefixCls: prefixCls\n })\n ),\n footer && _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-footer' },\n footer\n )\n )\n );\n };\n\n return MonthPanel;\n}(_react2[\"default\"].Component);\n\nMonthPanel.propTypes = {\n onChange: _propTypes2[\"default\"].func,\n disabledDate: _propTypes2[\"default\"].func,\n onSelect: _propTypes2[\"default\"].func,\n renderFooter: _propTypes2[\"default\"].func,\n rootPrefixCls: _propTypes2[\"default\"].string,\n value: _propTypes2[\"default\"].object,\n defaultValue: _propTypes2[\"default\"].object\n};\nMonthPanel.defaultProps = {\n onChange: noop,\n onSelect: noop\n};\n\n\n(0, _reactLifecyclesCompat.polyfill)(MonthPanel);\n\nexports[\"default\"] = MonthPanel;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 885 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _index = __webpack_require__(22);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar ROW = 4;\nvar COL = 3;\n\nfunction chooseMonth(month) {\n var next = this.state.value.clone();\n next.month(month);\n this.setAndSelectValue(next);\n}\n\nfunction noop() {}\n\nvar MonthTable = function (_Component) {\n _inherits(MonthTable, _Component);\n\n function MonthTable(props) {\n _classCallCheck(this, MonthTable);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.state = {\n value: props.value\n };\n return _this;\n }\n\n MonthTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if ('value' in nextProps) {\n this.setState({\n value: nextProps.value\n });\n }\n };\n\n MonthTable.prototype.setAndSelectValue = function setAndSelectValue(value) {\n this.setState({\n value: value\n });\n this.props.onSelect(value);\n };\n\n MonthTable.prototype.months = function months() {\n var value = this.state.value;\n var current = value.clone();\n var months = [];\n var index = 0;\n for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {\n months[rowIndex] = [];\n for (var colIndex = 0; colIndex < COL; colIndex++) {\n current.month(index);\n var content = (0, _index.getMonthName)(current);\n months[rowIndex][colIndex] = {\n value: index,\n content: content,\n title: content\n };\n index++;\n }\n }\n return months;\n };\n\n MonthTable.prototype.render = function render() {\n var _this2 = this;\n\n var props = this.props;\n var value = this.state.value;\n var today = (0, _index.getTodayTime)(value);\n var months = this.months();\n var currentMonth = value.month();\n var prefixCls = props.prefixCls,\n locale = props.locale,\n contentRender = props.contentRender,\n cellRender = props.cellRender;\n\n var monthsEls = months.map(function (month, index) {\n var tds = month.map(function (monthData) {\n var _classNameMap;\n\n var disabled = false;\n if (props.disabledDate) {\n var testValue = value.clone();\n testValue.month(monthData.value);\n disabled = props.disabledDate(testValue);\n }\n var classNameMap = (_classNameMap = {}, _defineProperty(_classNameMap, prefixCls + '-cell', 1), _defineProperty(_classNameMap, prefixCls + '-cell-disabled', disabled), _defineProperty(_classNameMap, prefixCls + '-selected-cell', monthData.value === currentMonth), _defineProperty(_classNameMap, prefixCls + '-current-cell', today.year() === value.year() && monthData.value === today.month()), _classNameMap);\n var cellEl = void 0;\n if (cellRender) {\n var currentValue = value.clone();\n currentValue.month(monthData.value);\n cellEl = cellRender(currentValue, locale);\n } else {\n var content = void 0;\n if (contentRender) {\n var _currentValue = value.clone();\n _currentValue.month(monthData.value);\n content = contentRender(_currentValue, locale);\n } else {\n content = monthData.content;\n }\n cellEl = _react2[\"default\"].createElement(\n 'a',\n { className: prefixCls + '-month' },\n content\n );\n }\n return _react2[\"default\"].createElement(\n 'td',\n {\n role: 'gridcell',\n key: monthData.value,\n onClick: disabled ? null : chooseMonth.bind(_this2, monthData.value),\n title: monthData.title,\n className: (0, _classnames2[\"default\"])(classNameMap)\n },\n cellEl\n );\n });\n return _react2[\"default\"].createElement(\n 'tr',\n { key: index, role: 'row' },\n tds\n );\n });\n\n return _react2[\"default\"].createElement(\n 'table',\n { className: prefixCls + '-table', cellSpacing: '0', role: 'grid' },\n _react2[\"default\"].createElement(\n 'tbody',\n { className: prefixCls + '-tbody' },\n monthsEls\n )\n );\n };\n\n return MonthTable;\n}(_react.Component);\n\nMonthTable.defaultProps = {\n onSelect: noop\n};\nMonthTable.propTypes = {\n onSelect: _propTypes2[\"default\"].func,\n cellRender: _propTypes2[\"default\"].func,\n prefixCls: _propTypes2[\"default\"].string,\n value: _propTypes2[\"default\"].object\n};\nexports[\"default\"] = MonthTable;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 886 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar autoAdjustOverflow = {\n adjustX: 1,\n adjustY: 1\n};\n\nvar targetOffset = [0, 0];\n\nvar placements = {\n bottomLeft: {\n points: ['tl', 'tl'],\n overflow: autoAdjustOverflow,\n offset: [0, -3],\n targetOffset: targetOffset\n },\n bottomRight: {\n points: ['tr', 'tr'],\n overflow: autoAdjustOverflow,\n offset: [0, -3],\n targetOffset: targetOffset\n },\n topRight: {\n points: ['br', 'br'],\n overflow: autoAdjustOverflow,\n offset: [0, 3],\n targetOffset: targetOffset\n },\n topLeft: {\n points: ['bl', 'bl'],\n overflow: autoAdjustOverflow,\n offset: [0, 3],\n targetOffset: targetOffset\n }\n};\n\nexports[\"default\"] = placements;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 887 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireWildcard(__webpack_require__(0));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(1));\n\nvar _moment = _interopRequireDefault(__webpack_require__(2));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(3));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\nvar Header =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Header, _Component);\n\n function Header(props) {\n var _this;\n\n _classCallCheck(this, Header);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Header).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"onInputChange\", function (event) {\n var str = event.target.value;\n\n _this.setState({\n str: str\n });\n\n var _this$props = _this.props,\n format = _this$props.format,\n hourOptions = _this$props.hourOptions,\n minuteOptions = _this$props.minuteOptions,\n secondOptions = _this$props.secondOptions,\n disabledHours = _this$props.disabledHours,\n disabledMinutes = _this$props.disabledMinutes,\n disabledSeconds = _this$props.disabledSeconds,\n onChange = _this$props.onChange;\n\n if (str) {\n var originalValue = _this.props.value;\n\n var value = _this.getProtoValue().clone();\n\n var parsed = (0, _moment[\"default\"])(str, format, true);\n\n if (!parsed.isValid()) {\n _this.setState({\n invalid: true\n });\n\n return;\n }\n\n value.hour(parsed.hour()).minute(parsed.minute()).second(parsed.second()); // if time value not allowed, response warning.\n\n if (hourOptions.indexOf(value.hour()) < 0 || minuteOptions.indexOf(value.minute()) < 0 || secondOptions.indexOf(value.second()) < 0) {\n _this.setState({\n invalid: true\n });\n\n return;\n } // if time value is disabled, response warning.\n\n\n var disabledHourOptions = disabledHours();\n var disabledMinuteOptions = disabledMinutes(value.hour());\n var disabledSecondOptions = disabledSeconds(value.hour(), value.minute());\n\n if (disabledHourOptions && disabledHourOptions.indexOf(value.hour()) >= 0 || disabledMinuteOptions && disabledMinuteOptions.indexOf(value.minute()) >= 0 || disabledSecondOptions && disabledSecondOptions.indexOf(value.second()) >= 0) {\n _this.setState({\n invalid: true\n });\n\n return;\n }\n\n if (originalValue) {\n if (originalValue.hour() !== value.hour() || originalValue.minute() !== value.minute() || originalValue.second() !== value.second()) {\n // keep other fields for rc-calendar\n var changedValue = originalValue.clone();\n changedValue.hour(value.hour());\n changedValue.minute(value.minute());\n changedValue.second(value.second());\n onChange(changedValue);\n }\n } else if (originalValue !== value) {\n onChange(value);\n }\n } else {\n onChange(null);\n }\n\n _this.setState({\n invalid: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onKeyDown\", function (e) {\n var _this$props2 = _this.props,\n onEsc = _this$props2.onEsc,\n onKeyDown = _this$props2.onKeyDown;\n\n if (e.keyCode === 27) {\n onEsc();\n }\n\n onKeyDown(e);\n });\n\n var _value = props.value,\n _format = props.format;\n _this.state = {\n str: _value && _value.format(_format) || '',\n invalid: false\n };\n return _this;\n }\n\n _createClass(Header, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n var focusOnOpen = this.props.focusOnOpen;\n\n if (focusOnOpen) {\n // Wait one frame for the panel to be positioned before focusing\n var requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;\n requestAnimationFrame(function () {\n _this2.refInput.focus();\n\n _this2.refInput.select();\n });\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var _this$props3 = this.props,\n value = _this$props3.value,\n format = _this$props3.format;\n\n if (value !== prevProps.value) {\n // eslint-disable-next-line react/no-did-update-set-state\n this.setState({\n str: value && value.format(format) || '',\n invalid: false\n });\n }\n }\n }, {\n key: \"getProtoValue\",\n value: function getProtoValue() {\n var _this$props4 = this.props,\n value = _this$props4.value,\n defaultOpenValue = _this$props4.defaultOpenValue;\n return value || defaultOpenValue;\n }\n }, {\n key: \"getInput\",\n value: function getInput() {\n var _this3 = this;\n\n var _this$props5 = this.props,\n prefixCls = _this$props5.prefixCls,\n placeholder = _this$props5.placeholder,\n inputReadOnly = _this$props5.inputReadOnly;\n var _this$state = this.state,\n invalid = _this$state.invalid,\n str = _this$state.str;\n var invalidClass = invalid ? \"\".concat(prefixCls, \"-input-invalid\") : '';\n return _react[\"default\"].createElement(\"input\", {\n className: (0, _classnames[\"default\"])(\"\".concat(prefixCls, \"-input\"), invalidClass),\n ref: function ref(_ref) {\n _this3.refInput = _ref;\n },\n onKeyDown: this.onKeyDown,\n value: str,\n placeholder: placeholder,\n onChange: this.onInputChange,\n readOnly: !!inputReadOnly\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var prefixCls = this.props.prefixCls;\n return _react[\"default\"].createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-input-wrap\")\n }, this.getInput());\n }\n }]);\n\n return Header;\n}(_react.Component);\n\n_defineProperty(Header, \"propTypes\", {\n format: _propTypes[\"default\"].string,\n prefixCls: _propTypes[\"default\"].string,\n disabledDate: _propTypes[\"default\"].func,\n placeholder: _propTypes[\"default\"].string,\n clearText: _propTypes[\"default\"].string,\n value: _propTypes[\"default\"].object,\n inputReadOnly: _propTypes[\"default\"].bool,\n hourOptions: _propTypes[\"default\"].array,\n minuteOptions: _propTypes[\"default\"].array,\n secondOptions: _propTypes[\"default\"].array,\n disabledHours: _propTypes[\"default\"].func,\n disabledMinutes: _propTypes[\"default\"].func,\n disabledSeconds: _propTypes[\"default\"].func,\n onChange: _propTypes[\"default\"].func,\n onEsc: _propTypes[\"default\"].func,\n defaultOpenValue: _propTypes[\"default\"].object,\n currentSelectPanel: _propTypes[\"default\"].string,\n focusOnOpen: _propTypes[\"default\"].bool,\n onKeyDown: _propTypes[\"default\"].func,\n clearIcon: _propTypes[\"default\"].node\n});\n\n_defineProperty(Header, \"defaultProps\", {\n inputReadOnly: false\n});\n\nvar _default = Header;\nexports[\"default\"] = _default;\n\n/***/ }),\n/* 888 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireWildcard(__webpack_require__(0));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(1));\n\nvar _Select = _interopRequireDefault(__webpack_require__(889));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\nvar formatOption = function formatOption(option, disabledOptions) {\n var value = \"\".concat(option);\n\n if (option < 10) {\n value = \"0\".concat(option);\n }\n\n var disabled = false;\n\n if (disabledOptions && disabledOptions.indexOf(option) >= 0) {\n disabled = true;\n }\n\n return {\n value: value,\n disabled: disabled\n };\n};\n\nvar Combobox =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Combobox, _Component);\n\n function Combobox() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Combobox);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Combobox)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"onItemChange\", function (type, itemValue) {\n var _this$props = _this.props,\n onChange = _this$props.onChange,\n defaultOpenValue = _this$props.defaultOpenValue,\n use12Hours = _this$props.use12Hours,\n propValue = _this$props.value,\n isAM = _this$props.isAM,\n onAmPmChange = _this$props.onAmPmChange;\n var value = (propValue || defaultOpenValue).clone();\n\n if (type === 'hour') {\n if (use12Hours) {\n if (isAM) {\n value.hour(+itemValue % 12);\n } else {\n value.hour(+itemValue % 12 + 12);\n }\n } else {\n value.hour(+itemValue);\n }\n } else if (type === 'minute') {\n value.minute(+itemValue);\n } else if (type === 'ampm') {\n var ampm = itemValue.toUpperCase();\n\n if (use12Hours) {\n if (ampm === 'PM' && value.hour() < 12) {\n value.hour(value.hour() % 12 + 12);\n }\n\n if (ampm === 'AM') {\n if (value.hour() >= 12) {\n value.hour(value.hour() - 12);\n }\n }\n }\n\n onAmPmChange(ampm);\n } else {\n value.second(+itemValue);\n }\n\n onChange(value);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onEnterSelectPanel\", function (range) {\n var onCurrentSelectPanelChange = _this.props.onCurrentSelectPanelChange;\n onCurrentSelectPanelChange(range);\n });\n\n return _this;\n }\n\n _createClass(Combobox, [{\n key: \"getHourSelect\",\n value: function getHourSelect(hour) {\n var _this2 = this;\n\n var _this$props2 = this.props,\n prefixCls = _this$props2.prefixCls,\n hourOptions = _this$props2.hourOptions,\n disabledHours = _this$props2.disabledHours,\n showHour = _this$props2.showHour,\n use12Hours = _this$props2.use12Hours,\n onEsc = _this$props2.onEsc;\n\n if (!showHour) {\n return null;\n }\n\n var disabledOptions = disabledHours();\n var hourOptionsAdj;\n var hourAdj;\n\n if (use12Hours) {\n hourOptionsAdj = [12].concat(hourOptions.filter(function (h) {\n return h < 12 && h > 0;\n }));\n hourAdj = hour % 12 || 12;\n } else {\n hourOptionsAdj = hourOptions;\n hourAdj = hour;\n }\n\n return _react[\"default\"].createElement(_Select[\"default\"], {\n prefixCls: prefixCls,\n options: hourOptionsAdj.map(function (option) {\n return formatOption(option, disabledOptions);\n }),\n selectedIndex: hourOptionsAdj.indexOf(hourAdj),\n type: \"hour\",\n onSelect: this.onItemChange,\n onMouseEnter: function onMouseEnter() {\n return _this2.onEnterSelectPanel('hour');\n },\n onEsc: onEsc\n });\n }\n }, {\n key: \"getMinuteSelect\",\n value: function getMinuteSelect(minute) {\n var _this3 = this;\n\n var _this$props3 = this.props,\n prefixCls = _this$props3.prefixCls,\n minuteOptions = _this$props3.minuteOptions,\n disabledMinutes = _this$props3.disabledMinutes,\n defaultOpenValue = _this$props3.defaultOpenValue,\n showMinute = _this$props3.showMinute,\n propValue = _this$props3.value,\n onEsc = _this$props3.onEsc;\n\n if (!showMinute) {\n return null;\n }\n\n var value = propValue || defaultOpenValue;\n var disabledOptions = disabledMinutes(value.hour());\n return _react[\"default\"].createElement(_Select[\"default\"], {\n prefixCls: prefixCls,\n options: minuteOptions.map(function (option) {\n return formatOption(option, disabledOptions);\n }),\n selectedIndex: minuteOptions.indexOf(minute),\n type: \"minute\",\n onSelect: this.onItemChange,\n onMouseEnter: function onMouseEnter() {\n return _this3.onEnterSelectPanel('minute');\n },\n onEsc: onEsc\n });\n }\n }, {\n key: \"getSecondSelect\",\n value: function getSecondSelect(second) {\n var _this4 = this;\n\n var _this$props4 = this.props,\n prefixCls = _this$props4.prefixCls,\n secondOptions = _this$props4.secondOptions,\n disabledSeconds = _this$props4.disabledSeconds,\n showSecond = _this$props4.showSecond,\n defaultOpenValue = _this$props4.defaultOpenValue,\n propValue = _this$props4.value,\n onEsc = _this$props4.onEsc;\n\n if (!showSecond) {\n return null;\n }\n\n var value = propValue || defaultOpenValue;\n var disabledOptions = disabledSeconds(value.hour(), value.minute());\n return _react[\"default\"].createElement(_Select[\"default\"], {\n prefixCls: prefixCls,\n options: secondOptions.map(function (option) {\n return formatOption(option, disabledOptions);\n }),\n selectedIndex: secondOptions.indexOf(second),\n type: \"second\",\n onSelect: this.onItemChange,\n onMouseEnter: function onMouseEnter() {\n return _this4.onEnterSelectPanel('second');\n },\n onEsc: onEsc\n });\n }\n }, {\n key: \"getAMPMSelect\",\n value: function getAMPMSelect() {\n var _this5 = this;\n\n var _this$props5 = this.props,\n prefixCls = _this$props5.prefixCls,\n use12Hours = _this$props5.use12Hours,\n format = _this$props5.format,\n isAM = _this$props5.isAM,\n onEsc = _this$props5.onEsc;\n\n if (!use12Hours) {\n return null;\n }\n\n var AMPMOptions = ['am', 'pm'] // If format has A char, then we should uppercase AM/PM\n .map(function (c) {\n return format.match(/\\sA/) ? c.toUpperCase() : c;\n }).map(function (c) {\n return {\n value: c\n };\n });\n var selected = isAM ? 0 : 1;\n return _react[\"default\"].createElement(_Select[\"default\"], {\n prefixCls: prefixCls,\n options: AMPMOptions,\n selectedIndex: selected,\n type: \"ampm\",\n onSelect: this.onItemChange,\n onMouseEnter: function onMouseEnter() {\n return _this5.onEnterSelectPanel('ampm');\n },\n onEsc: onEsc\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props6 = this.props,\n prefixCls = _this$props6.prefixCls,\n defaultOpenValue = _this$props6.defaultOpenValue,\n propValue = _this$props6.value;\n var value = propValue || defaultOpenValue;\n return _react[\"default\"].createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-combobox\")\n }, this.getHourSelect(value.hour()), this.getMinuteSelect(value.minute()), this.getSecondSelect(value.second()), this.getAMPMSelect(value.hour()));\n }\n }]);\n\n return Combobox;\n}(_react.Component);\n\n_defineProperty(Combobox, \"propTypes\", {\n format: _propTypes[\"default\"].string,\n defaultOpenValue: _propTypes[\"default\"].object,\n prefixCls: _propTypes[\"default\"].string,\n value: _propTypes[\"default\"].object,\n onChange: _propTypes[\"default\"].func,\n onAmPmChange: _propTypes[\"default\"].func,\n showHour: _propTypes[\"default\"].bool,\n showMinute: _propTypes[\"default\"].bool,\n showSecond: _propTypes[\"default\"].bool,\n hourOptions: _propTypes[\"default\"].array,\n minuteOptions: _propTypes[\"default\"].array,\n secondOptions: _propTypes[\"default\"].array,\n disabledHours: _propTypes[\"default\"].func,\n disabledMinutes: _propTypes[\"default\"].func,\n disabledSeconds: _propTypes[\"default\"].func,\n onCurrentSelectPanelChange: _propTypes[\"default\"].func,\n use12Hours: _propTypes[\"default\"].bool,\n onEsc: _propTypes[\"default\"].func,\n isAM: _propTypes[\"default\"].bool\n});\n\nvar _default = Combobox;\nexports[\"default\"] = _default;\n\n/***/ }),\n/* 889 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = void 0;\n\nvar _react = _interopRequireWildcard(__webpack_require__(0));\n\nvar _propTypes = _interopRequireDefault(__webpack_require__(1));\n\nvar _reactDom = _interopRequireDefault(__webpack_require__(4));\n\nvar _classnames = _interopRequireDefault(__webpack_require__(3));\n\nvar _raf = _interopRequireDefault(__webpack_require__(21));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\nvar scrollTo = function scrollTo(element, to, duration) {\n // jump to target if duration zero\n if (duration <= 0) {\n (0, _raf[\"default\"])(function () {\n element.scrollTop = to;\n });\n return;\n }\n\n var difference = to - element.scrollTop;\n var perTick = difference / duration * 10;\n (0, _raf[\"default\"])(function () {\n element.scrollTop += perTick;\n if (element.scrollTop === to) return;\n scrollTo(element, to, duration - 10);\n });\n};\n\nvar Select =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(Select, _Component);\n\n function Select() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Select);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Select)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n active: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSelect\", function (value) {\n var _this$props = _this.props,\n onSelect = _this$props.onSelect,\n type = _this$props.type;\n onSelect(type, value);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleMouseEnter\", function (e) {\n var onMouseEnter = _this.props.onMouseEnter;\n\n _this.setState({\n active: true\n });\n\n onMouseEnter(e);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleMouseLeave\", function () {\n _this.setState({\n active: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"saveList\", function (node) {\n _this.list = node;\n });\n\n return _this;\n }\n\n _createClass(Select, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n // jump to selected option\n this.scrollToSelected(0);\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var selectedIndex = this.props.selectedIndex; // smooth scroll to selected option\n\n if (prevProps.selectedIndex !== selectedIndex) {\n this.scrollToSelected(120);\n }\n }\n }, {\n key: \"getOptions\",\n value: function getOptions() {\n var _this2 = this;\n\n var _this$props2 = this.props,\n options = _this$props2.options,\n selectedIndex = _this$props2.selectedIndex,\n prefixCls = _this$props2.prefixCls,\n onEsc = _this$props2.onEsc;\n return options.map(function (item, index) {\n var _classNames;\n\n var cls = (0, _classnames[\"default\"])((_classNames = {}, _defineProperty(_classNames, \"\".concat(prefixCls, \"-select-option-selected\"), selectedIndex === index), _defineProperty(_classNames, \"\".concat(prefixCls, \"-select-option-disabled\"), item.disabled), _classNames));\n var onClick = item.disabled ? undefined : function () {\n _this2.onSelect(item.value);\n };\n\n var onKeyDown = function onKeyDown(e) {\n if (e.keyCode === 13) onClick();else if (e.keyCode === 27) onEsc();\n };\n\n return _react[\"default\"].createElement(\"li\", {\n role: \"button\",\n onClick: onClick,\n className: cls,\n key: index,\n disabled: item.disabled,\n tabIndex: \"0\",\n onKeyDown: onKeyDown\n }, item.value);\n });\n }\n }, {\n key: \"scrollToSelected\",\n value: function scrollToSelected(duration) {\n // move to selected item\n var selectedIndex = this.props.selectedIndex;\n\n var select = _reactDom[\"default\"].findDOMNode(this);\n\n var list = _reactDom[\"default\"].findDOMNode(this.list);\n\n if (!list) {\n return;\n }\n\n var index = selectedIndex;\n\n if (index < 0) {\n index = 0;\n }\n\n var topOption = list.children[index];\n var to = topOption.offsetTop;\n scrollTo(select, to, duration);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n prefixCls = _this$props3.prefixCls,\n options = _this$props3.options;\n var active = this.state.active;\n\n if (options.length === 0) {\n return null;\n }\n\n var cls = (0, _classnames[\"default\"])(\"\".concat(prefixCls, \"-select\"), _defineProperty({}, \"\".concat(prefixCls, \"-select-active\"), active));\n return _react[\"default\"].createElement(\"div\", {\n className: cls,\n onMouseEnter: this.handleMouseEnter,\n onMouseLeave: this.handleMouseLeave\n }, _react[\"default\"].createElement(\"ul\", {\n ref: this.saveList\n }, this.getOptions()));\n }\n }]);\n\n return Select;\n}(_react.Component);\n\n_defineProperty(Select, \"propTypes\", {\n prefixCls: _propTypes[\"default\"].string,\n options: _propTypes[\"default\"].array,\n selectedIndex: _propTypes[\"default\"].number,\n type: _propTypes[\"default\"].string,\n onSelect: _propTypes[\"default\"].func,\n onMouseEnter: _propTypes[\"default\"].func,\n onEsc: _propTypes[\"default\"].func\n});\n\nvar _default = Select;\nexports[\"default\"] = _default;\n\n/***/ }),\n/* 890 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _MonthCalendar = __webpack_require__(891);\n\nvar _MonthCalendar2 = _interopRequireDefault(_MonthCalendar);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _Picker = __webpack_require__(71);\n\nvar _Picker2 = _interopRequireDefault(_Picker);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _util = __webpack_require__(22);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * Created by chief on 17/4/6.\n */\n\nvar MonthPicker = function (_Component) {\n _inherits(MonthPicker, _Component);\n\n function MonthPicker(props, context) {\n _classCallCheck(this, MonthPicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n type: \"month\",\n value: props.value || props.defaultValue,\n open: false,\n showClose: false\n };\n return _this;\n }\n\n MonthPicker.prototype.componentDidMount = function componentDidMount() {\n var value = this.props.value || this.props.defaultValue;\n if (value) {\n if (typeof value == 'string') {\n if ((0, _moment2[\"default\"])(value).isValid()) {\n value = (0, _moment2[\"default\"])(value);\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n } else if (value.format && value.isValid()) {\n value = value;\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n }\n this.setState({\n value: value\n });\n };\n\n MonthPicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if ('value' in nextProps) {\n var value = nextProps.value;\n if (value) {\n if (value.format && value.isValid()) {} else {\n value = (0, _moment2[\"default\"])(value);\n }\n } else {\n value = '';\n }\n this.setState({\n value: value\n });\n }\n };\n //阻止组件内部事件冒泡到组件外部容器\n\n\n MonthPicker.prototype.render = function render() {\n var _this2 = this;\n\n var state = this.state;\n var props = this.props;\n\n var showClose = props.showClose,\n value = props.value,\n others = _objectWithoutProperties(props, [\"showClose\", \"value\"]);\n\n var monthCalendar = _react2[\"default\"].createElement(_MonthCalendar2[\"default\"], _extends({}, props, {\n value: state.value,\n onChange: this.handleCalendarChange\n }));\n var classes = (0, _classnames2[\"default\"])(props.className, \"datepicker-container\");\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation\n }, (0, _omit2[\"default\"])(others, ['closeIcon', 'renderIcon', 'format', 'showDateInput', 'showMonthInput', 'locale', 'placeholder', 'onClear', 'renderFooter', 'renderError', 'disabledDate', 'disabledTime'])),\n _react2[\"default\"].createElement(\n _Picker2[\"default\"],\n _extends({}, props, {\n onOpenChange: this.onOpenChange,\n animation: 'animation' in props ? props.animation : \"slide-up\",\n calendar: monthCalendar,\n open: this.state.open,\n value: state.value,\n onChange: this.onChange,\n dropdownClassName: props.dropdownClassName,\n selectedValue: state.value,\n renderError: props.renderError\n }),\n function (_ref) {\n var value = _ref.value;\n\n if (value && value.format) value = (0, _util.formatDate)(value, props.format);\n return _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n { simple: true, className: \"datepicker-input-group\",\n onMouseEnter: _this2.onMouseEnter,\n onMouseLeave: _this2.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n ref: function ref(_ref2) {\n return _this2.outInput = _ref2;\n },\n placeholder: _this2.props.placeholder,\n className: _this2.props.className,\n value: value,\n disabled: props.disabled\n }),\n showClose && _this2.state.value && _this2.state.showClose && !props.disabled ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: _this2.clear },\n props.closeIcon()\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\" },\n props.renderIcon()\n )\n );\n }\n )\n );\n };\n\n return MonthPicker;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.handleCalendarChange = function (value) {\n _this3.setState({\n value: value && _extends(value, { _type: 'month' }) || value\n });\n };\n\n this.onChange = function (value) {\n var _props = _this3.props,\n onChange = _props.onChange,\n onClear = _props.onClear,\n onSelect = _props.onSelect,\n format = _props.format;\n\n\n _this3.setState({\n value: value && _extends(value, { _type: 'month' }) || value\n });\n onChange && onChange(value, value ? (0, _util.formatDate)(value, format) : '');\n };\n\n this.inputFocus = function () {\n var self = _this3;\n var format = self.props.format;\n\n var input = document.querySelector('.rc-calendar-input');\n if (input) {\n if (input.value) {\n input.select();\n } else {\n input.focus();\n }\n input.onkeydown = function (e) {\n if (e.keyCode == _tinperBeeCore.KeyCode.DELETE) {\n input.value = '';\n self.props.onChange && self.props.onChange('', '');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n self.setState({\n open: false\n });\n var v = self.state.value;\n self.props.onOpenChange && self.props.onOpenChange(false, v, v && (0, _util.formatDate)(v, self.props.format) || '');\n _reactDom2[\"default\"].findDOMNode(self.outInput).focus(); // 按esc时候焦点回到input输入框\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ENTER) {\n var parsed = (0, _moment2[\"default\"])(input.value, format, true);\n if (parsed.isValid()) {\n self.setState({\n open: false\n });\n var _v = self.state.value;\n self.props.onOpenChange && self.props.onOpenChange(false, _v, _v && (0, _util.formatDate)(_v, format) || '');\n _reactDom2[\"default\"].findDOMNode(self.outInput).focus();\n }\n }\n };\n }\n };\n\n this.onOpenChange = function (open) {\n var props = _this3.props;\n var self = _this3;\n _this3.setState({\n open: open\n }, function () {\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 0);\n }\n });\n var value = self.state.value;\n props.onOpenChange && props.onOpenChange(open, value, value && (0, _util.formatDate)(value, self.props.format) || '');\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 200);\n }\n };\n\n this.onTypeChange = function (type) {\n _this3.setState({\n type: type\n });\n };\n\n this.onMouseLeave = function (e) {\n _this3.setState({\n showClose: false\n });\n };\n\n this.onMouseEnter = function (e) {\n _this3.setState({\n showClose: true\n });\n };\n\n this.clear = function (e) {\n e.stopPropagation();\n _this3.setState({\n value: ''\n });\n _this3.props.onChange && _this3.props.onChange('', '');\n };\n\n this.stopPropagation = function (e) {\n e.stopPropagation();\n };\n};\n\nMonthPicker.defaultProps = {\n closeIcon: function closeIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-close-c\" });\n },\n renderIcon: function renderIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-calendar\" });\n },\n format: 'YYYY-MM',\n renderError: function renderError() {},\n showDateInput: true,\n showMonthInput: true,\n locale: _zh_CN2[\"default\"],\n showClose: true\n};\n\nexports[\"default\"] = MonthPicker;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 891 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _KeyCode = __webpack_require__(65);\n\nvar _KeyCode2 = _interopRequireDefault(_KeyCode);\n\nvar _CalendarHeader = __webpack_require__(143);\n\nvar _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);\n\nvar _CalendarFooter = __webpack_require__(382);\n\nvar _CalendarFooter2 = _interopRequireDefault(_CalendarFooter);\n\nvar _CalendarMixin = __webpack_require__(386);\n\nvar _CommonMixin = __webpack_require__(144);\n\nvar _DateInput = __webpack_require__(70);\n\nvar _DateInput2 = _interopRequireDefault(_DateInput);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar MonthCalendar = function (_React$Component) {\n _inherits(MonthCalendar, _React$Component);\n\n function MonthCalendar(props) {\n _classCallCheck(this, MonthCalendar);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.onKeyDown = function (event) {\n if (event.target.nodeName.toLowerCase() === 'input') {\n return undefined;\n } else {\n _this.props.onKeyDown && _this.props.onKeyDown(event);\n }\n var keyCode = event.keyCode;\n var ctrlKey = event.ctrlKey || event.metaKey;\n var stateValue = _this.state.value;\n var disabledDate = _this.props.disabledDate;\n\n var value = stateValue;\n switch (keyCode) {\n case _KeyCode2[\"default\"].DOWN:\n value = stateValue.clone();\n value.add(3, 'months');\n break;\n case _KeyCode2[\"default\"].UP:\n value = stateValue.clone();\n value.add(-3, 'months');\n break;\n case _KeyCode2[\"default\"].LEFT:\n value = stateValue.clone();\n if (ctrlKey) {\n value.add(-1, 'years');\n } else {\n value.add(-1, 'months');\n }\n break;\n case _KeyCode2[\"default\"].RIGHT:\n value = stateValue.clone();\n if (ctrlKey) {\n value.add(1, 'years');\n } else {\n value.add(1, 'months');\n }\n break;\n case _KeyCode2[\"default\"].ENTER:\n if (!disabledDate || !disabledDate(stateValue)) {\n _this.onSelect(stateValue);\n }\n event.preventDefault();\n return 1;\n default:\n return undefined;\n }\n if (value !== stateValue) {\n _this.setValue(value);\n event.preventDefault();\n return 1;\n }\n };\n\n _this.handlePanelChange = function (_, mode) {\n if (mode !== 'date') {\n _this.setState({ mode: mode });\n }\n };\n\n _this.onInputChange = function (value) {\n var _this$props = _this.props,\n onChange = _this$props.onChange,\n format = _this$props.format;\n\n _this.setState({\n value: value ? value : (0, _moment2[\"default\"])()\n });\n _this.setValue(value);\n onChange && onChange(value);\n };\n\n _this.onClear = function () {\n var _this$props2 = _this.props,\n onChange = _this$props2.onChange,\n format = _this$props2.format,\n onClear = _this$props2.onClear;\n\n _this.setState({\n value: (0, _moment2[\"default\"])()\n });\n _this.setValue((0, _moment2[\"default\"])());\n onChange && onChange('', '');\n onClear && onClear('', '');\n };\n\n _this.state = {\n mode: 'month',\n value: props.value || props.defaultValue || (0, _moment2[\"default\"])(),\n selectedValue: props.selectedValue || props.defaultSelectedValue\n };\n return _this;\n }\n\n MonthCalendar.prototype.render = function render() {\n var props = this.props,\n state = this.state;\n var mode = state.mode,\n value = state.value;\n\n value = value ? value : (0, _moment2[\"default\"])();\n var prefixCls = props.prefixCls,\n locale = props.locale,\n format = props.format,\n showDateInput = props.showDateInput,\n onChange = props.onChange,\n onSelect = props.onSelect,\n onClear = props.onClear,\n showMonthInput = props.showMonthInput,\n renderError = props.renderError;\n\n var children = _react2[\"default\"].createElement(\n 'div',\n { className: props.prefixCls + '-month-calendar-content' },\n _react2[\"default\"].createElement(\n 'div',\n { className: props.prefixCls + '-month-header-wrap' },\n showDateInput && showMonthInput ? _react2[\"default\"].createElement(_DateInput2[\"default\"], {\n value: value,\n prefixCls: prefixCls,\n showClear: true,\n locale: locale,\n format: format,\n onChange: this.onInputChange,\n selectedValue: value,\n onClear: this.onClear,\n renderError: renderError\n }) : '',\n _react2[\"default\"].createElement(_CalendarHeader2[\"default\"], {\n prefixCls: props.prefixCls,\n mode: mode,\n value: value,\n locale: props.locale,\n disabledMonth: props.disabledDate,\n monthCellRender: props.monthCellRender,\n monthCellContentRender: props.monthCellContentRender,\n onMonthSelect: this.onSelect,\n onValueChange: this.setValue,\n onPanelChange: this.handlePanelChange,\n onChange: onChange,\n onClear: onClear\n })\n ),\n _react2[\"default\"].createElement(_CalendarFooter2[\"default\"], {\n prefixCls: props.prefixCls,\n renderFooter: props.renderFooter\n })\n );\n return this.renderRoot({\n className: props.prefixCls + '-month-calendar',\n children: children\n });\n };\n\n return MonthCalendar;\n}(_react2[\"default\"].Component);\n\nMonthCalendar.propTypes = _extends({}, _CalendarMixin.calendarMixinPropTypes, _CommonMixin.propType, {\n monthCellRender: _propTypes2[\"default\"].func,\n dateCellRender: _propTypes2[\"default\"].func,\n value: _propTypes2[\"default\"].object,\n defaultValue: _propTypes2[\"default\"].object,\n selectedValue: _propTypes2[\"default\"].object,\n defaultSelectedValue: _propTypes2[\"default\"].object,\n disabledDate: _propTypes2[\"default\"].func\n});\nMonthCalendar.defaultProps = _extends({\n showDateInput: false\n}, _CommonMixin.defaultProp, _CalendarMixin.calendarMixinDefaultProps);\nexports[\"default\"] = (0, _CalendarMixin.calendarMixinWrapper)((0, _CommonMixin.commonMixinWrapper)(MonthCalendar));\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 892 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _RangeCalendar = __webpack_require__(893);\n\nvar _RangeCalendar2 = _interopRequireDefault(_RangeCalendar);\n\nvar _Panel = __webpack_require__(389);\n\nvar _Panel2 = _interopRequireDefault(_Panel);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _Picker = __webpack_require__(71);\n\nvar _Picker2 = _interopRequireDefault(_Picker);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _util = __webpack_require__(22);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\n__webpack_require__(88);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError(\"Cannot destructure undefined\"); }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * Created by chief on 17/4/6.\n */\n\n\n// function formatDate(value,format) {\n// if (!value) {\n// return '';\n// }\n\n// if (Array.isArray(format)) {\n// format = format[0];\n// }\n\n// return value.formatDate(format);\n// }\n\nvar fullFormat = \"YYYY-MM-DD\";\n\nvar cn = typeof window !== 'undefined' ? location.search.indexOf(\"cn\") !== -1 : true;\n\nvar now = (0, _moment2[\"default\"])();\n\nfunction isValidRange(v) {\n return v && v[0] && v[1];\n}\n\nif (cn) {\n now.locale(\"zh-cn\").utcOffset(8);\n} else {\n now.locale(\"en-gb\").utcOffset(0);\n}\n\nvar RangePicker = function (_Component) {\n _inherits(RangePicker, _Component);\n\n function RangePicker(props, context) {\n _classCallCheck(this, RangePicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n hoverValue: [],\n value: _this.initValue(props),\n open: props.open || false\n };\n return _this;\n }\n\n RangePicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (\"value\" in nextProps) {\n this.setState({\n value: this.initValue(nextProps)\n });\n }\n if (\"open\" in nextProps) {\n this.setState({\n open: nextProps.open\n });\n }\n this.setState({\n renderIcon: nextProps.renderIcon\n });\n };\n //日期面板中输入框的失焦事件\n\n //阻止组件内部事件冒泡到组件外部容器\n\n\n RangePicker.prototype.render = function render() {\n var _this2 = this;\n\n var props = this.props;\n\n var showClose = props.showClose,\n onChange = props.onChange,\n showHour = props.showHour,\n showMinute = props.showMinute,\n showSecond = props.showSecond,\n others = _objectWithoutProperties(props, [\"showClose\", \"onChange\", \"showHour\", \"showMinute\", \"showSecond\"]);\n\n var _state = this.state,\n value = _state.value,\n open = _state.open;\n\n var formatStr = props.format || 'YYYY-MM-DD';\n var timePickerElement = _react2[\"default\"].createElement(_Panel2[\"default\"], {\n showHour: showHour, showMinute: showMinute, showSecond: showSecond,\n defaultValue: (0, _moment2[\"default\"])((0, _moment2[\"default\"])().format(\"HH:mm:ss\"), \"HH:mm:ss\") });\n var calendar = _react2[\"default\"].createElement(_RangeCalendar2[\"default\"], {\n hoverValue: this.state.hoverValue,\n onHoverChange: this.onHoverChange,\n showWeekNumber: false,\n format: formatStr,\n dateInputPlaceholder: props.dateInputPlaceholder || ['start', 'end'],\n locale: props.locale || _zh_CN2[\"default\"],\n onChange: this.onChange,\n disabledDate: props.disabledDate,\n showClear: props.showClear,\n showOk: props.showOk,\n showToday: props.showToday,\n renderFooter: props.renderFooter,\n timePicker: props.showTime ? timePickerElement : null,\n renderError: props.renderError,\n onStartInputBlur: this.onStartInputBlur,\n onEndInputBlur: this.onEndInputBlur,\n onClear: this.clear,\n onOk: this.onOk\n });\n\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ onClick: this.stopPropagation, onMouseOver: this.stopPropagation\n }, (0, _omit2[\"default\"])(others, ['closeIcon', 'renderIcon', 'showClear', 'showToday', 'locale', 'placeholder', 'showOk', 'dateInputPlaceholder', 'onPanelChange', 'onStartInputBlur', 'onEndInputBlur', 'renderFooter', 'showTime', 'disabledDate', 'disabledTime'])),\n _react2[\"default\"].createElement(\n _Picker2[\"default\"],\n _extends({}, props, {\n value: value,\n animation: 'animation' in props ? props.animation : \"slide-up\",\n calendar: calendar,\n disabled: props.disabled,\n dropdownClassName: props.dropdownClassName,\n onOpenChange: this.onOpenChange,\n open: open\n\n }),\n function (_ref) {\n _objectDestructuringEmpty(_ref);\n\n return _react2[\"default\"].createElement(\n \"div\",\n { className: (0, _classnames2[\"default\"])('calendar-picker', 'u-input-group', 'simple', props.className),\n onMouseEnter: _this2.onMouseEnter,\n onMouseLeave: _this2.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n placeholder: _this2.props.placeholder ? _this2.props.placeholder : 'start ~ end',\n value: isValidRange(value) && (0, _util.formatDate)(value[0], formatStr) + \" ~ \" + (0, _util.formatDate)(value[1], formatStr) || '',\n disabled: props.disabled,\n onFocus: function onFocus(v, e) {\n _this2.outInputFocus(e);\n }\n }),\n showClose && _this2.state.value && _this2.state.value.length > 0 && _this2.state.showClose && !props.disabled ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: _this2.clear },\n props.closeIcon()\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\" },\n props.renderIcon()\n )\n );\n }\n )\n );\n };\n\n return RangePicker;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.initValue = function (props) {\n var valueProp = props.value || props.defaultValue || [];\n var values = [];\n for (var i = 0; i < 2; i++) {\n var value = valueProp[i] || '';\n if (value) {\n if (typeof value == 'string') {\n if ((0, _moment2[\"default\"])(value).isValid()) {\n values.push((0, _moment2[\"default\"])(value));\n } else {\n console.error('value is not in the correct format');\n values.push('');\n }\n } else if (value.format && value.isValid()) {\n values.push(value);\n } else {\n console.error('value is not in the correct format');\n values = [];\n }\n } else {\n values.push('');\n }\n }\n return values;\n };\n\n this.clearHoverValue = function () {\n return _this3.setState({ hoverValue: [] });\n };\n\n this.onChange = function (value) {\n var props = _this3.props;\n var formatStr = props.format || 'YYYY-MM-DD';\n if (value.length < 2) {\n return;\n }\n _this3.setState({\n value: value\n });\n\n //传入value和dateString\n if (props.onChange && isValidRange(value) || value.length == 0) {\n if (value.length > 0) {\n props.onChange(value, \"[\\\"\" + (0, _util.formatDate)(value[0], formatStr) + \"\\\" , \\\"\" + (0, _util.formatDate)(value[1], formatStr) + \"\\\"]\", [\"\" + (0, _util.formatDate)(value[0], formatStr), \"\" + (0, _util.formatDate)(value[1], formatStr)]);\n } else {\n props.onChange(null);\n }\n } else {\n props.onPanelChange && props.onPanelChange(value);\n }\n };\n\n this.onHoverChange = function (hoverValue) {\n _this3.setState({ hoverValue: hoverValue });\n _this3.props.onHoverChange && _this3.props.onHoverChange(hoverValue);\n };\n\n this.remove = function (e) {\n _this3.setState({ value: '' });\n };\n\n this.handleCalendarChange = function (value) {};\n\n this.onMouseLeave = function (e) {\n _this3.setState({\n showClose: false\n });\n };\n\n this.onMouseEnter = function (e) {\n _this3.setState({\n showClose: true\n });\n };\n\n this.clear = function (e) {\n e && e.stopPropagation && e.stopPropagation();\n _this3.setState({\n value: []\n });\n _this3.props.onChange && _this3.props.onChange([], []);\n _this3.props.onFormControlClear && _this3.props.onFormControlClear();\n };\n\n this.onOpenChange = function (open) {\n var props = _this3.props;\n var self = _this3;\n // let {value} = this.state;\n // if(!isValidRange(value)){\n // debugger\n // }\n if (open === false) {\n _this3.clearHoverValue();\n }\n\n _this3.setState({\n open: open\n }, function () {\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 0);\n }\n });\n props.onOpenChange && props.onOpenChange(open);\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 200);\n }\n };\n\n this.outInputFocus = function (e) {\n if (_this3.props.hasOwnProperty('open')) e.stopPropagation();\n _this3.props.outInputFocus && _this3.props.outInputFocus(e);\n };\n\n this.inputFocus = function () {\n var inputs = document.querySelectorAll('.rc-calendar-input');\n if (!inputs) {\n return;\n }\n if (inputs[0].value) {\n inputs[0].select();\n } else {\n inputs[0].focus();\n }\n inputs[0].onkeydown = _this3.keydownLeft;\n inputs[1].onkeydown = _this3.keydownRight;\n };\n\n this.keydownLeft = function (e) {\n var inputs = document.querySelectorAll('.rc-calendar-input');\n if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n _this3.setState({\n open: false\n });\n _this3.props.onOpenChange(false, v, v && _this3.getValue(v) || '');\n }\n if (e.keyCode == _tinperBeeCore.KeyCode.RIGHT || e.keyCode == _tinperBeeCore.KeyCode.LEFT) {\n inputs[1].focus();\n }\n };\n\n this.keydownRight = function (e) {\n var inputs = document.querySelectorAll('.rc-calendar-input');\n if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n _this3.setState({\n open: false\n });\n _this3.props.onOpenChange(false, v, v && _this3.getValue(v) || '');\n }\n if (e.keyCode == _tinperBeeCore.KeyCode.LEFT || e.keyCode == _tinperBeeCore.KeyCode.RIGHT) {\n inputs[0].focus();\n }\n };\n\n this.onStartInputBlur = function (e) {\n var inputs = document.querySelectorAll('.rc-calendar-input');\n var startValue = void 0,\n endValue = void 0;\n if (inputs) {\n startValue = inputs[0].value ? inputs[0].value : '';\n endValue = inputs[1].value ? inputs[1].value : '';\n }\n _this3.props.onStartInputBlur && _this3.props.onStartInputBlur(e, startValue, \"[\\\"\" + startValue + \"\\\" , \\\"\" + endValue + \"\\\"]\");\n };\n\n this.onEndInputBlur = function (e) {\n var inputs = document.querySelectorAll('.rc-calendar-input');\n var startValue = void 0,\n endValue = void 0;\n if (inputs) {\n startValue = inputs[0].value ? inputs[0].value : '';\n endValue = inputs[1].value ? inputs[1].value : '';\n }\n _this3.props.onEndInputBlur && _this3.props.onEndInputBlur(e, endValue, \"[\\\"\" + startValue + \"\\\" , \\\"\" + endValue + \"\\\"]\");\n };\n\n this.stopPropagation = function (e) {\n e.stopPropagation();\n };\n\n this.onOk = function (value) {\n _this3.props.onOk && _this3.props.onOk(value);\n };\n};\n\nRangePicker.defaultProps = {\n closeIcon: function closeIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-close-c\" });\n },\n renderIcon: function renderIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-calendar\" });\n },\n locale: _zh_CN2[\"default\"],\n showClear: true,\n showToday: true,\n showOk: true,\n showClose: true,\n showSecond: true,\n showHour: true,\n showMinute: true\n};\n\nexports[\"default\"] = RangePicker;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 893 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nvar _reactLifecyclesCompat = __webpack_require__(8);\n\nvar _KeyCode = __webpack_require__(65);\n\nvar _KeyCode2 = _interopRequireDefault(_KeyCode);\n\nvar _CalendarPart = __webpack_require__(894);\n\nvar _CalendarPart2 = _interopRequireDefault(_CalendarPart);\n\nvar _TodayButton = __webpack_require__(383);\n\nvar _TodayButton2 = _interopRequireDefault(_TodayButton);\n\nvar _OkButton = __webpack_require__(384);\n\nvar _OkButton2 = _interopRequireDefault(_OkButton);\n\nvar _TimePickerButton = __webpack_require__(385);\n\nvar _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);\n\nvar _CommonMixin = __webpack_require__(144);\n\nvar _util = __webpack_require__(22);\n\nvar _toTime = __webpack_require__(388);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction noop() {}\n\nfunction isEmptyArray(arr) {\n return Array.isArray(arr) && (arr.length === 0 || arr.every(function (i) {\n return !i;\n }));\n}\n\nfunction isArraysEqual(a, b) {\n if (a === b) return true;\n if (a === null || typeof a === 'undefined' || b === null || typeof b === 'undefined') {\n return false;\n }\n if (a.length !== b.length) return false;\n\n for (var i = 0; i < a.length; ++i) {\n if (a[i] !== b[i]) return false;\n }\n return true;\n}\n\nfunction getValueFromSelectedValue(selectedValue) {\n var _selectedValue = _slicedToArray(selectedValue, 2),\n start = _selectedValue[0],\n end = _selectedValue[1];\n\n var newEnd = end && end.isSame(start, 'month') ? end.clone().add(1, 'month') : end;\n return [start, newEnd];\n}\n\nfunction normalizeAnchor(props, init) {\n var selectedValue = props.selectedValue || init && props.defaultSelectedValue;\n var value = props.value || init && props.defaultValue;\n var normalizedValue = value ? getValueFromSelectedValue(value) : getValueFromSelectedValue(selectedValue);\n return !isEmptyArray(normalizedValue) ? normalizedValue : init && [(0, _moment2[\"default\"])(), (0, _moment2[\"default\"])().add(1, 'months')];\n}\n\nfunction generateOptions(length, extraOptionGen) {\n var arr = extraOptionGen ? extraOptionGen().concat() : [];\n for (var value = 0; value < length; value++) {\n if (arr.indexOf(value) === -1) {\n arr.push(value);\n }\n }\n return arr;\n}\n\nfunction onInputSelect(direction, value, cause) {\n if (!value) {\n return;\n }\n var originalValue = this.state.selectedValue;\n var selectedValue = originalValue.concat();\n var index = direction === 'left' ? 0 : 1;\n selectedValue[index] = value;\n if (selectedValue[0] && this.compare(selectedValue[0], selectedValue[1]) > 0) {\n selectedValue[1] = this.state.showTimePicker ? selectedValue[index] : undefined;\n }\n if (selectedValue[0] && !selectedValue[1]) {\n selectedValue[1 - index] = this.state.showTimePicker ? selectedValue[index] : undefined;\n }\n this.props.onInputSelect(selectedValue);\n this.fireSelectValueChange(selectedValue, null, cause || { source: 'dateInput' });\n}\n\nvar RangeCalendar = function (_React$Component) {\n _inherits(RangeCalendar, _React$Component);\n\n function RangeCalendar(props) {\n _classCallCheck(this, RangeCalendar);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n var selectedValue = props.selectedValue || props.defaultSelectedValue || [];\n var value = normalizeAnchor(props, 1);\n _this.state = {\n selectedValue: selectedValue,\n prevSelectedValue: selectedValue,\n firstSelectedValue: null,\n hoverValue: props.hoverValue || [],\n value: value,\n showTimePicker: false,\n mode: props.mode || ['date', 'date']\n };\n return _this;\n }\n\n RangeCalendar.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {\n var newState = {};\n if ('value' in nextProps) {\n newState.value = normalizeAnchor(nextProps, 0);\n }\n if ('hoverValue' in nextProps && !isArraysEqual(state.hoverValue, nextProps.hoverValue)) {\n newState.hoverValue = nextProps.hoverValue;\n }\n if ('selectedValue' in nextProps) {\n newState.selectedValue = nextProps.selectedValue;\n newState.prevSelectedValue = nextProps.selectedValue;\n }\n if ('mode' in nextProps && !isArraysEqual(state.mode, nextProps.mode)) {\n newState = { mode: nextProps.mode };\n }\n return newState;\n };\n\n // get disabled hours for second picker\n\n\n RangeCalendar.prototype.render = function render() {\n var _className, _classnames;\n\n var props = this.props,\n state = this.state;\n var prefixCls = props.prefixCls,\n dateInputPlaceholder = props.dateInputPlaceholder,\n seperator = props.seperator,\n timePicker = props.timePicker,\n showOk = props.showOk,\n locale = props.locale,\n showClear = props.showClear,\n showToday = props.showToday,\n type = props.type,\n clearIcon = props.clearIcon,\n onStartInputBlur = props.onStartInputBlur,\n onEndInputBlur = props.onEndInputBlur;\n var hoverValue = state.hoverValue,\n selectedValue = state.selectedValue,\n mode = state.mode,\n showTimePicker = state.showTimePicker;\n\n var className = (_className = {}, _defineProperty(_className, props.className, !!props.className), _defineProperty(_className, prefixCls, 1), _defineProperty(_className, prefixCls + '-hidden', !props.visible), _defineProperty(_className, prefixCls + '-range', 1), _defineProperty(_className, prefixCls + '-show-time-picker', showTimePicker), _defineProperty(_className, prefixCls + '-week-number', props.showWeekNumber), _className);\n var classes = (0, _classnames3[\"default\"])(className);\n var newProps = {\n selectedValue: state.selectedValue,\n onSelect: this.onSelect,\n onDayHover: type === 'start' && selectedValue[1] || type === 'end' && selectedValue[0] || !!hoverValue.length ? this.onDayHover : undefined\n };\n\n var placeholder1 = void 0;\n var placeholder2 = void 0;\n\n if (dateInputPlaceholder) {\n if (Array.isArray(dateInputPlaceholder)) {\n var _dateInputPlaceholder = _slicedToArray(dateInputPlaceholder, 2);\n\n placeholder1 = _dateInputPlaceholder[0];\n placeholder2 = _dateInputPlaceholder[1];\n } else {\n placeholder1 = placeholder2 = dateInputPlaceholder;\n }\n }\n var showOkButton = showOk === true || showOk !== false && !!timePicker;\n var cls = (0, _classnames3[\"default\"])((_classnames = {}, _defineProperty(_classnames, prefixCls + '-footer', true), _defineProperty(_classnames, prefixCls + '-range-bottom', true), _defineProperty(_classnames, prefixCls + '-footer-show-ok', showOkButton), _classnames));\n\n var startValue = this.getStartValue();\n var endValue = this.getEndValue();\n var todayTime = (0, _util.getTodayTime)(startValue);\n var thisMonth = todayTime.month();\n var thisYear = todayTime.year();\n var isTodayInView = startValue.year() === thisYear && startValue.month() === thisMonth || endValue.year() === thisYear && endValue.month() === thisMonth;\n var nextMonthOfStart = startValue.clone().add(1, 'months');\n var isClosestMonths = nextMonthOfStart.year() === endValue.year() && nextMonthOfStart.month() === endValue.month();\n\n var extraFooter = props.renderFooter();\n return _react2[\"default\"].createElement(\n 'div',\n {\n ref: this.saveRoot,\n className: classes,\n style: props.style,\n onKeyDown: this.onKeyDown\n },\n props.renderSidebar(),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-panel', onMouseOver: this.onMouseOver },\n showClear && selectedValue[0] && selectedValue[1] ? _react2[\"default\"].createElement(\n 'a',\n {\n role: 'button',\n title: locale.clear,\n onClick: this.clear\n },\n clearIcon || _react2[\"default\"].createElement('span', { className: prefixCls + '-clear-btn uf uf-close-c' })\n ) : null,\n _react2[\"default\"].createElement(\n 'div',\n {\n className: prefixCls + '-date-panel',\n onMouseLeave: type !== 'both' ? this.onDatePanelLeave : undefined,\n onMouseEnter: type !== 'both' ? this.onDatePanelEnter : undefined\n },\n _react2[\"default\"].createElement(_CalendarPart2[\"default\"], _extends({}, props, newProps, {\n hoverValue: hoverValue,\n direction: 'left',\n disabledTime: this.disabledStartTime,\n disabledMonth: this.disabledStartMonth,\n format: this.getFormat(),\n value: startValue,\n mode: mode[0],\n placeholder: placeholder1,\n onInputChange: this.onStartInputChange,\n onInputSelect: this.onStartInputSelect,\n onValueChange: this.onStartValueChange,\n onPanelChange: this.onStartPanelChange,\n showDateInput: this.props.showDateInput,\n timePicker: timePicker,\n showTimePicker: showTimePicker,\n enablePrev: true,\n enableNext: !isClosestMonths || this.isMonthYearPanelShow(mode[1]),\n clearIcon: clearIcon,\n tabIndex: '0',\n onInputBlur: onStartInputBlur\n })),\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-range-middle' },\n seperator\n ),\n _react2[\"default\"].createElement(_CalendarPart2[\"default\"], _extends({}, props, newProps, {\n hoverValue: hoverValue,\n direction: 'right',\n format: this.getFormat(),\n timePickerDisabledTime: this.getEndDisableTime(),\n placeholder: placeholder2,\n value: endValue,\n mode: mode[1],\n onInputChange: this.onEndInputChange,\n onInputSelect: this.onEndInputSelect,\n onValueChange: this.onEndValueChange,\n onPanelChange: this.onEndPanelChange,\n showDateInput: this.props.showDateInput,\n timePicker: timePicker,\n showTimePicker: showTimePicker,\n disabledTime: this.disabledEndTime,\n disabledMonth: this.disabledEndMonth,\n enablePrev: !isClosestMonths || this.isMonthYearPanelShow(mode[0]),\n enableNext: true,\n clearIcon: clearIcon,\n tabIndex: '0',\n inputTabIndex: '-1',\n onInputBlur: onEndInputBlur\n }))\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: cls },\n showToday || props.timePicker || showOkButton || extraFooter ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-footer-btn' },\n extraFooter ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-footer-extra' },\n extraFooter\n ) : null,\n showToday ? _react2[\"default\"].createElement(_TodayButton2[\"default\"], _extends({}, props, {\n disabled: isTodayInView,\n value: state.value[0],\n onToday: this.onToday,\n text: locale.backToToday\n })) : null,\n props.timePicker ? _react2[\"default\"].createElement(_TimePickerButton2[\"default\"], _extends({}, props, {\n showTimePicker: showTimePicker,\n onOpenTimePicker: this.onOpenTimePicker,\n onCloseTimePicker: this.onCloseTimePicker,\n timePickerDisabled: !this.hasSelectedValue() || hoverValue.length\n })) : null,\n showOkButton ? _react2[\"default\"].createElement(_OkButton2[\"default\"], _extends({}, props, {\n onOk: this.onOk,\n okDisabled: !this.isAllowedDateAndTime(selectedValue) || !this.hasSelectedValue() || hoverValue.length\n })) : null\n ) : null\n )\n )\n );\n };\n\n return RangeCalendar;\n}(_react2[\"default\"].Component);\n\nRangeCalendar.propTypes = _extends({}, _CommonMixin.propType, {\n prefixCls: _propTypes2[\"default\"].string,\n dateInputPlaceholder: _propTypes2[\"default\"].any,\n seperator: _propTypes2[\"default\"].string,\n defaultValue: _propTypes2[\"default\"].any,\n value: _propTypes2[\"default\"].any,\n hoverValue: _propTypes2[\"default\"].any,\n mode: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].oneOf(['date', 'month', 'year', 'decade'])),\n showDateInput: _propTypes2[\"default\"].bool,\n timePicker: _propTypes2[\"default\"].any,\n showOk: _propTypes2[\"default\"].bool,\n showToday: _propTypes2[\"default\"].bool,\n defaultSelectedValue: _propTypes2[\"default\"].array,\n selectedValue: _propTypes2[\"default\"].array,\n onOk: _propTypes2[\"default\"].func,\n showClear: _propTypes2[\"default\"].bool,\n locale: _propTypes2[\"default\"].object,\n onChange: _propTypes2[\"default\"].func,\n onSelect: _propTypes2[\"default\"].func,\n onValueChange: _propTypes2[\"default\"].func,\n onHoverChange: _propTypes2[\"default\"].func,\n onPanelChange: _propTypes2[\"default\"].func,\n format: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].object, _propTypes2[\"default\"].string]),\n onClear: _propTypes2[\"default\"].func,\n type: _propTypes2[\"default\"].any,\n disabledDate: _propTypes2[\"default\"].func,\n disabledTime: _propTypes2[\"default\"].func,\n clearIcon: _propTypes2[\"default\"].node,\n onKeyDown: _propTypes2[\"default\"].func\n});\nRangeCalendar.defaultProps = _extends({}, _CommonMixin.defaultProp, {\n type: 'both',\n seperator: '~',\n defaultSelectedValue: [],\n onValueChange: noop,\n onHoverChange: noop,\n onPanelChange: noop,\n disabledTime: noop,\n onInputSelect: noop,\n showToday: true,\n showDateInput: true\n});\n\nvar _initialiseProps = function _initialiseProps() {\n var _this2 = this;\n\n this.onDatePanelEnter = function () {\n if (_this2.hasSelectedValue()) {\n _this2.fireHoverValueChange(_this2.state.selectedValue.concat());\n }\n };\n\n this.onDatePanelLeave = function () {\n if (_this2.hasSelectedValue()) {\n _this2.fireHoverValueChange([]);\n }\n };\n\n this.onSelect = function (value) {\n var type = _this2.props.type;\n var _state = _this2.state,\n selectedValue = _state.selectedValue,\n prevSelectedValue = _state.prevSelectedValue,\n firstSelectedValue = _state.firstSelectedValue;\n\n var nextSelectedValue = void 0;\n if (type === 'both') {\n if (!firstSelectedValue) {\n (0, _util.syncTime)(prevSelectedValue[0], value);\n nextSelectedValue = [value];\n } else if (_this2.compare(firstSelectedValue, value) < 0) {\n (0, _util.syncTime)(prevSelectedValue[1], value);\n nextSelectedValue = [firstSelectedValue, value];\n } else {\n (0, _util.syncTime)(prevSelectedValue[0], value);\n (0, _util.syncTime)(prevSelectedValue[1], firstSelectedValue);\n nextSelectedValue = [value, firstSelectedValue];\n }\n } else if (type === 'start') {\n (0, _util.syncTime)(prevSelectedValue[0], value);\n var endValue = selectedValue[1];\n nextSelectedValue = endValue && _this2.compare(endValue, value) > 0 ? [value, endValue] : [value];\n } else {\n // type === 'end'\n var startValue = selectedValue[0];\n if (startValue && _this2.compare(startValue, value) <= 0) {\n (0, _util.syncTime)(prevSelectedValue[1], value);\n nextSelectedValue = [startValue, value];\n } else {\n (0, _util.syncTime)(prevSelectedValue[0], value);\n nextSelectedValue = [value];\n }\n }\n\n _this2.fireSelectValueChange(nextSelectedValue);\n };\n\n this.onKeyDown = function (event) {\n if (event.target.nodeName.toLowerCase() === 'input') {\n return;\n }\n\n var keyCode = event.keyCode;\n\n var ctrlKey = event.ctrlKey || event.metaKey;\n\n var _state2 = _this2.state,\n selectedValue = _state2.selectedValue,\n hoverValue = _state2.hoverValue,\n firstSelectedValue = _state2.firstSelectedValue,\n value = _state2.value;\n var _props = _this2.props,\n onKeyDown = _props.onKeyDown,\n disabledDate = _props.disabledDate;\n\n // Update last time of the picker\n\n var updateHoverPoint = function updateHoverPoint(func) {\n // Change hover to make focus in UI\n var currentHoverTime = void 0;\n var nextHoverTime = void 0;\n var nextHoverValue = void 0;\n\n if (!firstSelectedValue) {\n currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || (0, _moment2[\"default\"])();\n nextHoverTime = func(currentHoverTime);\n nextHoverValue = [nextHoverTime];\n _this2.fireHoverValueChange(nextHoverValue);\n } else {\n if (hoverValue.length === 1) {\n currentHoverTime = hoverValue[0].clone();\n nextHoverTime = func(currentHoverTime);\n nextHoverValue = _this2.onDayHover(nextHoverTime);\n } else {\n currentHoverTime = hoverValue[0].isSame(firstSelectedValue, 'day') ? hoverValue[1] : hoverValue[0];\n nextHoverTime = func(currentHoverTime);\n nextHoverValue = _this2.onDayHover(nextHoverTime);\n }\n }\n\n // Find origin hover time on value index\n if (nextHoverValue.length >= 2) {\n var miss = nextHoverValue.some(function (ht) {\n return !(0, _toTime.includesTime)(value, ht, 'month');\n });\n if (miss) {\n var newValue = nextHoverValue.slice().sort(function (t1, t2) {\n return t1.valueOf() - t2.valueOf();\n });\n if (newValue[0].isSame(newValue[1], 'month')) {\n newValue[1] = newValue[0].clone().add(1, 'month');\n }\n _this2.fireValueChange(newValue);\n }\n } else if (nextHoverValue.length === 1) {\n // If only one value, let's keep the origin panel\n var oriValueIndex = value.findIndex(function (time) {\n return time.isSame(currentHoverTime, 'month');\n });\n if (oriValueIndex === -1) oriValueIndex = 0;\n\n if (value.every(function (time) {\n return !time.isSame(nextHoverTime, 'month');\n })) {\n var _newValue = value.slice();\n _newValue[oriValueIndex] = nextHoverTime.clone();\n _this2.fireValueChange(_newValue);\n }\n }\n\n event.preventDefault();\n\n return nextHoverTime;\n };\n\n switch (keyCode) {\n case _KeyCode2[\"default\"].DOWN:\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, 1, 'weeks');\n });\n return;\n case _KeyCode2[\"default\"].UP:\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, -1, 'weeks');\n });\n return;\n case _KeyCode2[\"default\"].LEFT:\n if (ctrlKey) {\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, -1, 'years');\n });\n } else {\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, -1, 'days');\n });\n }\n return;\n case _KeyCode2[\"default\"].RIGHT:\n if (ctrlKey) {\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, 1, 'years');\n });\n } else {\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, 1, 'days');\n });\n }\n return;\n case _KeyCode2[\"default\"].HOME:\n updateHoverPoint(function (time) {\n return (0, _toTime.goStartMonth)(time);\n });\n return;\n case _KeyCode2[\"default\"].END:\n updateHoverPoint(function (time) {\n return (0, _toTime.goEndMonth)(time);\n });\n return;\n case _KeyCode2[\"default\"].PAGE_DOWN:\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, 1, 'month');\n });\n return;\n case _KeyCode2[\"default\"].PAGE_UP:\n updateHoverPoint(function (time) {\n return (0, _toTime.goTime)(time, -1, 'month');\n });\n return;\n case _KeyCode2[\"default\"].ENTER:\n {\n var lastValue = void 0;\n if (hoverValue.length === 0) {\n lastValue = updateHoverPoint(function (time) {\n return time;\n });\n } else if (hoverValue.length === 1) {\n lastValue = hoverValue[0];\n } else {\n lastValue = hoverValue[0].isSame(firstSelectedValue, 'day') ? hoverValue[1] : hoverValue[0];\n }\n if (lastValue && (!disabledDate || !disabledDate(lastValue))) {\n _this2.onSelect(lastValue);\n }\n event.preventDefault();\n return;\n }\n default:\n if (onKeyDown) {\n onKeyDown(event);\n }\n }\n };\n\n this.onDayHover = function (value) {\n var hoverValue = [];\n var _state3 = _this2.state,\n selectedValue = _state3.selectedValue,\n firstSelectedValue = _state3.firstSelectedValue;\n var type = _this2.props.type;\n\n if (type === 'start' && selectedValue[1]) {\n hoverValue = _this2.compare(value, selectedValue[1]) < 0 ? [value, selectedValue[1]] : [value];\n } else if (type === 'end' && selectedValue[0]) {\n hoverValue = _this2.compare(value, selectedValue[0]) > 0 ? [selectedValue[0], value] : [];\n } else {\n if (!firstSelectedValue) {\n if (_this2.state.hoverValue.length) {\n _this2.setState({ hoverValue: [] });\n }\n return hoverValue;\n }\n hoverValue = _this2.compare(value, firstSelectedValue) < 0 ? [value, firstSelectedValue] : [firstSelectedValue, value];\n }\n _this2.fireHoverValueChange(hoverValue);\n\n return hoverValue;\n };\n\n this.onToday = function () {\n var startValue = (0, _util.getTodayTime)(_this2.state.value[0]);\n var endValue = startValue.clone().add(1, 'months');\n _this2.setState({ value: [startValue, endValue] });\n };\n\n this.onOpenTimePicker = function () {\n _this2.setState({\n showTimePicker: true\n });\n };\n\n this.onCloseTimePicker = function () {\n _this2.setState({\n showTimePicker: false\n });\n };\n\n this.onOk = function () {\n var selectedValue = _this2.state.selectedValue;\n\n if (_this2.isAllowedDateAndTime(selectedValue)) {\n _this2.props.onOk(_this2.state.selectedValue);\n }\n };\n\n this.onStartInputChange = function () {\n for (var _len = arguments.length, oargs = Array(_len), _key = 0; _key < _len; _key++) {\n oargs[_key] = arguments[_key];\n }\n\n var args = ['left'].concat(oargs);\n return onInputSelect.apply(_this2, args);\n };\n\n this.onEndInputChange = function () {\n for (var _len2 = arguments.length, oargs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n oargs[_key2] = arguments[_key2];\n }\n\n var args = ['right'].concat(oargs);\n return onInputSelect.apply(_this2, args);\n };\n\n this.onStartInputSelect = function (value) {\n var args = ['left', value, { source: 'dateInputSelect' }];\n return onInputSelect.apply(_this2, args);\n };\n\n this.onEndInputSelect = function (value) {\n var args = ['right', value, { source: 'dateInputSelect' }];\n return onInputSelect.apply(_this2, args);\n };\n\n this.onStartValueChange = function (leftValue) {\n var value = [].concat(_toConsumableArray(_this2.state.value));\n value[0] = leftValue;\n return _this2.fireValueChange(value);\n };\n\n this.onEndValueChange = function (rightValue) {\n var value = [].concat(_toConsumableArray(_this2.state.value));\n value[1] = rightValue;\n return _this2.fireValueChange(value);\n };\n\n this.onStartPanelChange = function (value, mode) {\n var props = _this2.props,\n state = _this2.state;\n\n var newMode = [mode, state.mode[1]];\n if (!('mode' in props)) {\n _this2.setState({\n mode: newMode\n });\n }\n var newValue = [value || state.value[0], state.value[1]];\n props.onPanelChange(newValue, newMode);\n };\n\n this.onEndPanelChange = function (value, mode) {\n var props = _this2.props,\n state = _this2.state;\n\n var newMode = [state.mode[0], mode];\n if (!('mode' in props)) {\n _this2.setState({\n mode: newMode\n });\n }\n var newValue = [state.value[0], value || state.value[1]];\n props.onPanelChange(newValue, newMode);\n };\n\n this.getStartValue = function () {\n var value = _this2.state.value[0];\n var selectedValue = _this2.state.selectedValue;\n // keep selectedTime when select date\n if (selectedValue[0] && _this2.props.timePicker) {\n value = value.clone();\n (0, _util.syncTime)(selectedValue[0], value);\n }\n if (_this2.state.showTimePicker && selectedValue[0]) {\n return selectedValue[0];\n }\n return value;\n };\n\n this.getEndValue = function () {\n var _state4 = _this2.state,\n value = _state4.value,\n selectedValue = _state4.selectedValue,\n showTimePicker = _state4.showTimePicker;\n\n var endValue = value[1] ? value[1].clone() : value[0].clone().add(1, 'month');\n // keep selectedTime when select date\n if (selectedValue[1] && _this2.props.timePicker) {\n (0, _util.syncTime)(selectedValue[1], endValue);\n }\n if (showTimePicker) {\n return selectedValue[1] ? selectedValue[1] : _this2.getStartValue();\n }\n return endValue;\n };\n\n this.getEndDisableTime = function () {\n var _state5 = _this2.state,\n selectedValue = _state5.selectedValue,\n value = _state5.value;\n var disabledTime = _this2.props.disabledTime;\n\n var userSettingDisabledTime = disabledTime(selectedValue, 'end') || {};\n var startValue = selectedValue && selectedValue[0] || value[0].clone();\n // if startTime and endTime is same day..\n // the second time picker will not able to pick time before first time picker\n if (!selectedValue[1] || startValue.isSame(selectedValue[1], 'day')) {\n var hours = startValue.hour();\n var minutes = startValue.minute();\n var second = startValue.second();\n var _disabledHours = userSettingDisabledTime.disabledHours,\n _disabledMinutes = userSettingDisabledTime.disabledMinutes,\n _disabledSeconds = userSettingDisabledTime.disabledSeconds;\n\n var oldDisabledMinutes = _disabledMinutes ? _disabledMinutes() : [];\n var olddisabledSeconds = _disabledSeconds ? _disabledSeconds() : [];\n _disabledHours = generateOptions(hours, _disabledHours);\n _disabledMinutes = generateOptions(minutes, _disabledMinutes);\n _disabledSeconds = generateOptions(second, _disabledSeconds);\n return {\n disabledHours: function disabledHours() {\n return _disabledHours;\n },\n disabledMinutes: function disabledMinutes(hour) {\n if (hour === hours) {\n return _disabledMinutes;\n }\n return oldDisabledMinutes;\n },\n disabledSeconds: function disabledSeconds(hour, minute) {\n if (hour === hours && minute === minutes) {\n return _disabledSeconds;\n }\n return olddisabledSeconds;\n }\n };\n }\n return userSettingDisabledTime;\n };\n\n this.isAllowedDateAndTime = function (selectedValue) {\n return (0, _util.isAllowedDate)(selectedValue[0], _this2.props.disabledDate, _this2.disabledStartTime) && (0, _util.isAllowedDate)(selectedValue[1], _this2.props.disabledDate, _this2.disabledEndTime);\n };\n\n this.isMonthYearPanelShow = function (mode) {\n return ['month', 'year', 'decade'].indexOf(mode) > -1;\n };\n\n this.hasSelectedValue = function () {\n var selectedValue = _this2.state.selectedValue;\n\n return !!selectedValue[1] && !!selectedValue[0];\n };\n\n this.compare = function (v1, v2) {\n if (_this2.props.timePicker) {\n return v1.diff(v2);\n }\n return v1 && v1.diff(v2, 'days');\n };\n\n this.fireSelectValueChange = function (selectedValue, direct, cause) {\n var timePicker = _this2.props.timePicker;\n var prevSelectedValue = _this2.state.prevSelectedValue;\n\n if (timePicker && timePicker.props.defaultValue) {\n var timePickerDefaultValue = timePicker.props.defaultValue;\n if (!prevSelectedValue[0] && selectedValue[0]) {\n (0, _util.syncTime)(timePickerDefaultValue[0], selectedValue[0]);\n }\n if (!prevSelectedValue[1] && selectedValue[1]) {\n (0, _util.syncTime)(timePickerDefaultValue[1], selectedValue[1]);\n }\n }\n\n if (!('selectedValue' in _this2.props)) {\n _this2.setState({\n selectedValue: selectedValue\n });\n }\n\n // 尚未选择过时间，直接输入的话\n if (!_this2.state.selectedValue[0] || !_this2.state.selectedValue[1]) {\n var startValue = selectedValue[0] || (0, _moment2[\"default\"])();\n var endValue = selectedValue[1] || startValue.clone().add(1, 'months');\n _this2.setState({\n selectedValue: selectedValue,\n value: getValueFromSelectedValue([startValue, endValue])\n });\n }\n\n if (selectedValue[0] && !selectedValue[1]) {\n _this2.setState({ firstSelectedValue: selectedValue[0] });\n _this2.fireHoverValueChange(selectedValue.concat());\n }\n selectedValue.map(function (item) {\n if (item) {\n item._type = 'range';\n }\n });\n _this2.props.onChange(selectedValue);\n if (direct || selectedValue[0] && selectedValue[1]) {\n _this2.setState({\n prevSelectedValue: selectedValue,\n firstSelectedValue: null\n });\n _this2.fireHoverValueChange([]);\n _this2.props.onSelect(selectedValue, cause);\n }\n };\n\n this.fireValueChange = function (value) {\n var props = _this2.props;\n if (!('value' in props)) {\n _this2.setState({\n value: value\n });\n }\n props.onValueChange(value);\n };\n\n this.fireHoverValueChange = function (hoverValue) {\n var props = _this2.props;\n if (!('hoverValue' in props)) {\n _this2.setState({ hoverValue: hoverValue });\n }\n props.onHoverChange(hoverValue);\n };\n\n this.clear = function () {\n _this2.fireSelectValueChange([], true);\n _this2.props.onClear([]);\n };\n\n this.disabledStartTime = function (time) {\n return _this2.props.disabledTime(time, 'start');\n };\n\n this.disabledEndTime = function (time) {\n return _this2.props.disabledTime(time, 'end');\n };\n\n this.disabledStartMonth = function (month) {\n var value = _this2.state.value;\n\n return month.isSameOrAfter(value[1], 'month');\n };\n\n this.disabledEndMonth = function (month) {\n var value = _this2.state.value;\n\n return month.isSameOrBefore(value[0], 'month');\n };\n\n this.onMouseOver = function (e) {\n e.stopPropagation();\n };\n};\n\n(0, _reactLifecyclesCompat.polyfill)(RangeCalendar);\n\nexports[\"default\"] = (0, _CommonMixin.commonMixinWrapper)(RangeCalendar);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 894 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _CalendarHeader = __webpack_require__(143);\n\nvar _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);\n\nvar _DateTable = __webpack_require__(252);\n\nvar _DateTable2 = _interopRequireDefault(_DateTable);\n\nvar _DateInput = __webpack_require__(70);\n\nvar _DateInput2 = _interopRequireDefault(_DateInput);\n\nvar _index = __webpack_require__(22);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar CalendarPart = function (_React$Component) {\n _inherits(CalendarPart, _React$Component);\n\n function CalendarPart() {\n _classCallCheck(this, CalendarPart);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n CalendarPart.prototype.render = function render() {\n var props = this.props;\n var prefixCls = props.prefixCls,\n value = props.value,\n hoverValue = props.hoverValue,\n selectedValue = props.selectedValue,\n mode = props.mode,\n direction = props.direction,\n locale = props.locale,\n format = props.format,\n placeholder = props.placeholder,\n disabledDate = props.disabledDate,\n timePicker = props.timePicker,\n disabledTime = props.disabledTime,\n timePickerDisabledTime = props.timePickerDisabledTime,\n showTimePicker = props.showTimePicker,\n onInputChange = props.onInputChange,\n onInputSelect = props.onInputSelect,\n enablePrev = props.enablePrev,\n enableNext = props.enableNext,\n clearIcon = props.clearIcon,\n renderError = props.renderError,\n inputTabIndex = props.inputTabIndex,\n onInputBlur = props.onInputBlur;\n\n var shouldShowTimePicker = showTimePicker && timePicker;\n var disabledTimeConfig = shouldShowTimePicker && disabledTime ? (0, _index.getTimeConfig)(selectedValue, disabledTime) : null;\n var rangeClassName = prefixCls + '-range';\n var newProps = {\n locale: locale,\n value: value,\n prefixCls: prefixCls,\n showTimePicker: showTimePicker\n };\n var index = direction === 'left' ? 0 : 1;\n var timePickerEle = shouldShowTimePicker && _react2[\"default\"].cloneElement(timePicker, _extends({\n showHour: true,\n showMinute: true,\n showSecond: true\n }, timePicker.props, disabledTimeConfig, timePickerDisabledTime, {\n onChange: onInputChange,\n defaultOpenValue: value,\n value: selectedValue[index]\n }));\n\n var dateInputElement = props.showDateInput && _react2[\"default\"].createElement(_DateInput2[\"default\"], {\n isRange: true,\n format: format,\n locale: locale,\n prefixCls: prefixCls,\n timePicker: timePicker,\n disabledDate: disabledDate,\n placeholder: placeholder,\n disabledTime: disabledTime,\n value: value,\n showClear: false,\n selectedValue: selectedValue[index],\n onChange: onInputChange,\n onSelect: onInputSelect,\n clearIcon: clearIcon,\n renderError: renderError,\n inputTabIndex: inputTabIndex,\n onBlur: onInputBlur\n });\n\n return _react2[\"default\"].createElement(\n 'div',\n {\n className: rangeClassName + '-part ' + rangeClassName + '-' + direction\n },\n dateInputElement,\n _react2[\"default\"].createElement(\n 'div',\n { style: { outline: 'none' }, tabIndex: props.tabIndex, className: rangeClassName + '-out' },\n _react2[\"default\"].createElement(_CalendarHeader2[\"default\"], _extends({}, newProps, {\n mode: mode,\n enableNext: enableNext,\n enablePrev: enablePrev,\n onValueChange: props.onValueChange,\n onPanelChange: props.onPanelChange,\n disabledMonth: props.disabledMonth\n })),\n showTimePicker ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-time-picker' },\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-time-picker-panel' },\n timePickerEle\n )\n ) : null,\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-body' },\n _react2[\"default\"].createElement(_DateTable2[\"default\"], _extends({}, newProps, {\n hoverValue: hoverValue,\n selectedValue: selectedValue,\n dateRender: props.dateRender,\n onSelect: props.onSelect,\n onDayHover: props.onDayHover,\n disabledDate: disabledDate,\n showWeekNumber: props.showWeekNumber\n }))\n )\n )\n );\n };\n\n return CalendarPart;\n}(_react2[\"default\"].Component);\n\nCalendarPart.propTypes = {\n prefixCls: _propTypes2[\"default\"].string,\n value: _propTypes2[\"default\"].any,\n hoverValue: _propTypes2[\"default\"].any,\n selectedValue: _propTypes2[\"default\"].any,\n direction: _propTypes2[\"default\"].any,\n locale: _propTypes2[\"default\"].any,\n showDateInput: _propTypes2[\"default\"].bool,\n showTimePicker: _propTypes2[\"default\"].bool,\n format: _propTypes2[\"default\"].any,\n placeholder: _propTypes2[\"default\"].any,\n disabledDate: _propTypes2[\"default\"].any,\n timePicker: _propTypes2[\"default\"].any,\n disabledTime: _propTypes2[\"default\"].any,\n onInputChange: _propTypes2[\"default\"].func,\n onInputSelect: _propTypes2[\"default\"].func,\n timePickerDisabledTime: _propTypes2[\"default\"].object,\n enableNext: _propTypes2[\"default\"].any,\n enablePrev: _propTypes2[\"default\"].any,\n clearIcon: _propTypes2[\"default\"].node\n};\nexports[\"default\"] = CalendarPart;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 895 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _rcCalendar = __webpack_require__(251);\n\nvar _rcCalendar2 = _interopRequireDefault(_rcCalendar);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Picker = __webpack_require__(71);\n\nvar _Picker2 = _interopRequireDefault(_Picker);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _en_US = __webpack_require__(387);\n\nvar _en_US2 = _interopRequireDefault(_en_US);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\n__webpack_require__(88);\n\n__webpack_require__(142);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError(\"Cannot destructure undefined\"); }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * Created by chief on 17/4/6.\n */\n\nvar cn = typeof window !== 'undefined' ? location.search.indexOf(\"cn\") !== -1 : true;\n\nvar now = (0, _moment2[\"default\"])();\nif (cn) {\n now.locale(\"zh-cn\").utcOffset(8);\n} else {\n now.locale(\"en-gb\").utcOffset(0);\n}\n\nvar format = \"YYYY-Wo\";\n\nvar style = \"\\n.week-calendar .rc-calendar-tbody > tr:hover\\n.rc-calendar-date {\\n background: #ebfaff;\\n}\\n\\n.week-calendar .rc-calendar-tbody > tr:hover\\n.rc-calendar-selected-day .rc-calendar-date {\\n background: #3fc7fa;\\n}\\n.week-calendar .week-calendar-footer {\\n position:absolute;\\n top:0;\\n left:0;\\n bottom:0;\\n width:100%;\\n border-right: 1px solid #ccc;\\n}\\n\";\n\nvar WeekPicker = function (_Component) {\n _inherits(WeekPicker, _Component);\n\n function WeekPicker(props, context) {\n _classCallCheck(this, WeekPicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n value: _this.initValue(props),\n open: false,\n showClose: false\n };\n return _this;\n }\n\n WeekPicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (\"value\" in nextProps) {\n this.setState({\n value: this.initValue(nextProps)\n });\n }\n };\n //阻止组件内部事件冒泡到组件外部容器\n\n\n WeekPicker.prototype.render = function render() {\n var _this2 = this;\n\n var state = this.state;\n var props = this.props;\n\n var showClose = props.showClose,\n others = _objectWithoutProperties(props, [\"showClose\"]);\n\n var value = state.value;\n var calendar = _react2[\"default\"].createElement(_rcCalendar2[\"default\"], {\n className: \"week-calendar\",\n showWeekNumber: true,\n showMonthInput: false,\n renderFooter: this.renderFooter,\n dateRender: this.dateRender,\n locale: cn ? _zh_CN2[\"default\"] : _en_US2[\"default\"],\n format: format,\n dateInputPlaceholder: this.props.placeholder,\n defaultValue: now,\n showDateInput: true,\n onChange: this.handleCalendarChange,\n showToday: false,\n onClear: this.onClear\n });\n var classes = (0, _classnames2[\"default\"])(props.className, \"datepicker-container\");\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation\n }, (0, _omit2[\"default\"])(others, ['closeIcon', 'renderIcon', 'format', 'locale', 'placeholder'])),\n _react2[\"default\"].createElement(\n _Picker2[\"default\"],\n _extends({\n animation: \"slide-up\"\n }, props, {\n onOpenChange: this.onOpenChange,\n open: this.state.open,\n calendar: calendar,\n value: state.value\n }),\n function (_ref) {\n _objectDestructuringEmpty(_ref);\n\n return _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n { simple: true, className: \"datepicker-input-group\",\n onMouseEnter: _this2.onMouseEnter,\n onMouseLeave: _this2.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n placeholder: _this2.props.placeholder,\n disabled: props.disabled,\n readOnly: true,\n tabIndex: \"-1\",\n className: _this2.props.className,\n value: value && value.format(format) || \"\"\n }),\n showClose && _this2.state.value && _this2.state.showClose && !props.disabled ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: _this2.onClear },\n props.closeIcon()\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\" },\n props.renderIcon()\n )\n );\n }\n )\n );\n };\n\n return WeekPicker;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.initValue = function (props) {\n var value = props.value || props.defaultValue || '';\n var format = props.format;\n if (value) {\n if (typeof value == 'string') {\n if ((0, _moment2[\"default\"])(value, format).isValid()) {\n value = (0, _moment2[\"default\"])(value, format);\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n } else if (value.format && value.isValid()) {\n value = value;\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n }\n\n return value;\n };\n\n this.onChange = function (value) {\n _this3.setState({\n value: value\n });\n };\n\n this.onOpenChange = function (open) {\n _this3.setState({\n open: open\n });\n };\n\n this.dateRender = function (current) {\n var selectedValue = _this3.state.value;\n if (selectedValue && current.year() === selectedValue.year() && current.week() === selectedValue.week()) {\n return _react2[\"default\"].createElement(\n \"div\",\n { className: \"rc-calendar-selected-day\" },\n _react2[\"default\"].createElement(\n \"div\",\n { className: \"rc-calendar-date\" },\n current.date()\n )\n );\n }\n return _react2[\"default\"].createElement(\n \"div\",\n { className: \"rc-calendar-date\" },\n current.date()\n );\n };\n\n this.lastWeek = function () {\n var value = _this3.props.value || now;\n value.add(-1, \"weeks\");\n _this3.setState({\n value: value,\n open: false\n });\n };\n\n this.nextWeek = function () {\n var value = _this3.props.value || now;\n value.add(+1, \"weeks\");\n _this3.setState({\n value: value,\n open: false\n });\n };\n\n this.nowWeek = function () {\n var value = now;\n _this3.setState({\n value: value,\n open: false\n });\n };\n\n this.renderFooter = function () {\n return _react2[\"default\"].createElement(\n \"div\",\n { className: \"week-calendar-footer\", key: \"footer\" },\n _react2[\"default\"].createElement(\n \"span\",\n {\n className: \"week-calendar-footer-button\",\n onClick: _this3.lastWeek.bind(_this3),\n style: { 'float': 'left' }\n },\n _this3.props.locale.lastWeek\n ),\n _react2[\"default\"].createElement(\n \"span\",\n {\n className: \"week-calendar-footer-button\",\n onClick: _this3.nowWeek.bind(_this3)\n },\n _this3.props.locale.nowWeek\n ),\n _react2[\"default\"].createElement(\n \"span\",\n {\n className: \"week-calendar-footer-button\",\n onClick: _this3.nextWeek.bind(_this3),\n style: { 'float': 'right' }\n },\n _this3.props.locale.nextWeek\n )\n );\n };\n\n this.onTypeChange = function (type) {\n _this3.setState({\n type: type\n });\n };\n\n this.handleCalendarChange = function (value) {\n _this3.setState({\n value: value && _extends(value, { _type: 'week' }) || value\n });\n };\n\n this.onMouseLeave = function (e) {\n _this3.setState({\n showClose: false\n });\n };\n\n this.onMouseEnter = function (e) {\n _this3.setState({\n showClose: true\n });\n };\n\n this.onClear = function (e) {\n e && e.stopPropagation && e.stopPropagation();\n _this3.setState({\n value: ''\n });\n _this3.props.onChange && _this3.props.onChange('', '');\n };\n\n this.stopPropagation = function (e) {\n e.stopPropagation();\n };\n};\n\nWeekPicker.defaultProps = {\n closeIcon: function closeIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-close-c\" });\n },\n renderIcon: function renderIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-calendar\" });\n },\n locale: _zh_CN2[\"default\"],\n showClose: true,\n format: \"YYYY-Wo\"\n};\n\nexports[\"default\"] = WeekPicker;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 896 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _YearPanel = __webpack_require__(380);\n\nvar _YearPanel2 = _interopRequireDefault(_YearPanel);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _zh_CN = __webpack_require__(53);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _Picker = __webpack_require__(71);\n\nvar _Picker2 = _interopRequireDefault(_Picker);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _moment = __webpack_require__(2);\n\nvar _moment2 = _interopRequireDefault(_moment);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError(\"Cannot destructure undefined\"); }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * Created by chief on 17/4/6.\n */\n\n//去掉focus报错\n_Picker2[\"default\"].prototype.componentDidUpdate = function () {};\n\nvar YearPicker = function (_Component) {\n _inherits(YearPicker, _Component);\n\n function YearPicker(props, context) {\n _classCallCheck(this, YearPicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n type: \"year\",\n value: _this.initValue(props),\n open: props.open || false,\n showClose: false\n };\n return _this;\n }\n\n YearPicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (\"value\" in nextProps) {\n this.setState({\n value: this.initValue(nextProps)\n });\n }\n if (\"open\" in nextProps) {\n this.setState({\n open: nextProps.open\n });\n }\n if (\"renderIcon\" in nextProps) {\n this.setState({\n renderIcon: nextProps.renderIcon\n });\n }\n };\n\n //阻止组件内部事件冒泡到组件外部容器\n\n\n YearPicker.prototype.render = function render() {\n var _this2 = this;\n\n var state = this.state;\n var props = this.props;\n\n var showClose = props.showClose,\n others = _objectWithoutProperties(props, [\"showClose\"]);\n\n var value = state.value;\n\n var Calendar = _react2[\"default\"].createElement(_YearPanel2[\"default\"], _extends({\n prefixCls: 'rc-calendar-picker',\n rootPrefixCls: 'rc-calendar'\n }, props, { focus: function focus() {},\n value: this.state.value,\n onSelect: this.onSelect,\n showDateInput: true\n }));\n var classes = (0, _classnames2[\"default\"])(props.className, \"datepicker-container\");\n return _react2[\"default\"].createElement(\n \"div\",\n _extends({ className: classes, onClick: this.stopPropagation, onMouseOver: this.stopPropagation\n }, (0, _omit2[\"default\"])(others, ['closeIcon', 'renderIcon', 'disabled', 'format', 'locale', 'placeholder'])),\n _react2[\"default\"].createElement(\n _Picker2[\"default\"],\n _extends({\n animation: \"slide-up\"\n }, props, {\n onOpenChange: this.onOpenChange,\n onChange: this.handleChange,\n calendar: Calendar,\n prefixCls: 'rc-calendar',\n value: state.value,\n open: this.state.open\n }),\n function (_ref) {\n _objectDestructuringEmpty(_ref);\n\n return _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n { simple: true, className: \"datepicker-input-group\",\n onMouseEnter: _this2.onMouseEnter,\n onMouseLeave: _this2.onMouseLeave\n },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n ref: function ref(_ref2) {\n return _this2.outInput = _ref2;\n },\n placeholder: _this2.props.placeholder,\n className: _this2.props.className,\n disabled: props.disabled,\n readOnly: true,\n value: value && value.format(props.format) || \"\"\n }),\n showClose && _this2.state.value && _this2.state.showClose && !props.disabled ? _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\",\n onClick: _this2.clear },\n props.closeIcon()\n ) : _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Button,\n { shape: \"border\" },\n props.renderIcon()\n )\n );\n }\n )\n );\n };\n\n return YearPicker;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.initValue = function (props) {\n var value = props.value || props.defaultValue;\n if (value) {\n if (typeof value == 'string') {\n if ((0, _moment2[\"default\"])(value).isValid()) {\n value = (0, _moment2[\"default\"])(value);\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n } else if (value.format && value.isValid()) {\n value = value;\n } else {\n console.error('value is not in the correct format');\n value = '';\n }\n }\n return value;\n };\n\n this.onChange = function (value) {\n _this3.setState({\n value: value\n });\n };\n\n this.inputFocus = function () {\n var self = _this3;\n var input = document.querySelector('.rc-calendar-input');\n if (input) {\n if (input.value) {\n input.select();\n } else {\n input.focus();\n }\n input.onkeydown = function (e) {\n if (e.keyCode == _tinperBeeCore.KeyCode.DELETE) {\n input.value = '';\n self.props.onChange && self.props.onChange('', '');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ESC) {\n self.setState({\n open: false\n });\n var v = self.state.value;\n self.props.onOpenChange && self.props.onOpenChange(false, v, v && v.format(self.props.format) || '');\n _reactDom2[\"default\"].findDOMNode(self.outInput).focus(); // 按esc时候焦点回到input输入框\n }\n };\n }\n };\n\n this.onOpenChange = function (open) {\n var self = _this3;\n _this3.setState({\n open: open\n });\n if (open) {\n setTimeout(function () {\n self.inputFocus();\n }, 200);\n }\n };\n\n this.handleChange = function (value) {\n var props = _this3.props;\n _this3.setState({\n value: value && _extends(value, { _type: 'year' }) || value\n });\n props.onChange && props.onChange(value, value && value.format(props.format) || '');\n };\n\n this.onMouseLeave = function (e) {\n _this3.setState({\n showClose: false\n });\n };\n\n this.onMouseEnter = function (e) {\n _this3.setState({\n showClose: true\n });\n };\n\n this.clear = function (e) {\n e.stopPropagation();\n _this3.setState({\n value: ''\n });\n _this3.props.onChange && _this3.props.onChange('', '');\n };\n\n this.onSelect = function (value) {\n var _props = _this3.props,\n onSelect = _props.onSelect,\n format = _props.format;\n\n _this3.setState({\n open: false\n });\n onSelect && onSelect(value, value ? value.format(format) : '');\n _reactDom2[\"default\"].findDOMNode(_this3.outInput).focus();\n };\n\n this.stopPropagation = function (e) {\n e.stopPropagation();\n };\n};\n\nYearPicker.defaultProps = {\n closeIcon: function closeIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-close-c\" });\n },\n renderIcon: function renderIcon() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: \"uf-calendar\" });\n },\n disabled: false,\n showClose: true,\n locale: _zh_CN2[\"default\"],\n format: 'YYYY'\n};\n\nexports[\"default\"] = YearPicker;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 897 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeDropdown = __webpack_require__(124);\n\nvar _beeDropdown2 = _interopRequireDefault(_beeDropdown);\n\nvar _beeMenus = __webpack_require__(128);\n\nvar _beeMenus2 = _interopRequireDefault(_beeMenus);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _i18n = __webpack_require__(140);\n\nvar _i18n2 = _interopRequireDefault(_i18n);\n\nvar _tool = __webpack_require__(141);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * 过滤行功能内的下拉条件\n */\n\nvar Item = _beeMenus2[\"default\"].Item;\n\nvar FilterDropDown = function (_Component) {\n _inherits(FilterDropDown, _Component);\n\n function FilterDropDown() {\n _classCallCheck(this, FilterDropDown);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this));\n\n _this.onSelectDropdown = function (item) {\n var _this$props = _this.props,\n onSelectDropdown = _this$props.onSelectDropdown,\n filterDropdownType = _this$props.filterDropdownType;\n\n if (onSelectDropdown) {\n if (filterDropdownType == 'string') {\n _this.setState({\n selectValue: [item.key]\n }, function () {\n onSelectDropdown(item);\n });\n }\n if (filterDropdownType == 'number') {\n _this.setState({\n selectNumberValue: [item.key]\n }, function () {\n onSelectDropdown(item);\n });\n }\n }\n };\n\n _this.onClickClear = function () {\n var onClickClear = _this.props.onClickClear;\n\n if (onClickClear) {\n _this.setState({\n // selectValue: [],\n // selectNumberValue: []\n }, function () {\n onClickClear();\n });\n }\n };\n\n _this.getMenu = function () {\n var _this$state = _this.state,\n selectValue = _this$state.selectValue,\n selectNumberValue = _this$state.selectNumberValue;\n var _this$props2 = _this.props,\n filterDropdownType = _this$props2.filterDropdownType,\n filterDropdownIncludeKeys = _this$props2.filterDropdownIncludeKeys;\n\n var locale = (0, _tool.getComponentLocale)(_this.props, _this.context, 'Table', function () {\n return _i18n2[\"default\"];\n });\n var stringEnum = {\n LIKE: 'include',\n ULIKE: 'exclusive',\n EQ: 'equal',\n UEQ: 'unequal',\n START: 'begin',\n END: 'end'\n };\n var numberEnum = {\n GT: 'greater_than',\n GTEQ: 'great_than_equal_to',\n LT: 'less_than',\n LTEQ: 'less_than_equal_to',\n EQ: 'be_equal_to',\n UEQ: 'not_equal_to'\n };\n if (filterDropdownIncludeKeys != undefined) {\n switch (filterDropdownType) {\n case 'string':\n return _react2[\"default\"].createElement(\n _beeMenus2[\"default\"],\n {\n onClick: _this.onSelectDropdown,\n selectedKeys: selectValue\n },\n filterDropdownIncludeKeys.map(function (item) {\n return _react2[\"default\"].createElement(\n Item,\n { key: item },\n locale[stringEnum[item]]\n );\n })\n );\n case 'number':\n return _react2[\"default\"].createElement(\n _beeMenus2[\"default\"],\n {\n onClick: _this.onSelectDropdown,\n selectedKeys: selectNumberValue\n },\n filterDropdownIncludeKeys.map(function (item) {\n return _react2[\"default\"].createElement(\n Item,\n { key: item },\n locale[numberEnum[item]]\n );\n })\n );\n default:\n return _react2[\"default\"].createElement('div', null);\n }\n } else {\n switch (filterDropdownType) {\n case 'string':\n return _react2[\"default\"].createElement(\n _beeMenus2[\"default\"],\n {\n onClick: _this.onSelectDropdown,\n selectedKeys: selectValue\n },\n _react2[\"default\"].createElement(\n Item,\n { key: 'LIKE' },\n locale['include']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'ULIKE' },\n locale['exclusive']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'EQ' },\n locale['equal']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'UEQ' },\n locale['unequal']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'RLIKE' },\n locale['begin']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'LLIKE' },\n locale['end']\n )\n );\n case 'number':\n return _react2[\"default\"].createElement(\n _beeMenus2[\"default\"],\n {\n onClick: _this.onSelectDropdown,\n selectedKeys: selectNumberValue\n },\n _react2[\"default\"].createElement(\n Item,\n { key: 'GT' },\n locale['greater_than']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'GTEQ' },\n locale['great_than_equal_to']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'LT' },\n locale['less_than']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'LTEQ' },\n locale['less_than_equal_to']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'EQ' },\n locale['be_equal_to']\n ),\n _react2[\"default\"].createElement(\n Item,\n { key: 'UEQ' },\n locale['not_equal_to']\n )\n );\n default:\n return _react2[\"default\"].createElement('div', null);\n }\n }\n };\n\n _this.state = {\n selectValue: ['LIKE'],\n selectNumberValue: ['EQ']\n };\n return _this;\n }\n /**\n * 点击下拉菜单\n *\n * @param {*} s 选中的selectRecord\n */\n\n\n /**\n * 清除事件\n *\n */\n\n\n /**\n * 根据props来获得指定的Menu,分为String和Number\n *\n * @returns JSX Menu\n */\n\n\n FilterDropDown.prototype.render = function render() {\n var isShowCondition = this.props.isShowCondition;\n\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: 'filter-btns' },\n isShowCondition == 'show' && _react2[\"default\"].createElement(\n _beeDropdown2[\"default\"],\n {\n overlayClassName: 'u-filter-dropdown-menu-wrap',\n trigger: ['click'],\n overlay: this.getMenu(),\n animation: 'slide-up'\n },\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n {\n shape: 'border',\n style: { marginLeft: \"2px\", minWidth: \"0px\", width: \"26px\", lineHeight: \"24px\", padding: 0 }\n },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { style: { padding: 0, color: '#585858' }, type: 'uf-filter' })\n )\n ),\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n {\n onClick: this.onClickClear,\n shape: 'border',\n style: { marginLeft: \"2px\", minWidth: \"0px\", width: \"26px\", lineHeight: \"24px\", padding: 0, \"visibility\": this.props.isShowClear || this.state.selectValue.length > 0 ? \"visible\" : \"hidden\" }\n },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { style: { padding: 0, color: '#585858', \"visibility\": this.props.isShowClear || this.state.selectValue.length > 0 ? \"visible\" : \"hidden\" }, type: 'uf-filterno' })\n )\n );\n };\n\n return FilterDropDown;\n}(_react.Component);\n\nFilterDropDown.propTypes = {\n isShowCondition: _propTypes2[\"default\"].string,\n filterDropdownType: _propTypes2[\"default\"].oneOf(['string', 'number'])\n};\n\nFilterDropDown.defaultProps = {\n isShowCondition: 'show',\n filterDropdownType: 'string'\n};\n\nFilterDropDown.contextTypes = {\n beeLocale: _propTypes2[\"default\"].object\n};\nexports[\"default\"] = FilterDropDown;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 898 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Column = __webpack_require__(390);\n\nvar _Column2 = _interopRequireDefault(_Column);\n\nvar _ColumnGroup = __webpack_require__(391);\n\nvar _ColumnGroup2 = _interopRequireDefault(_ColumnGroup);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n//行控制管理\nvar ColumnManager = function () {\n function ColumnManager(columns, elements, originWidth, rowDraggAble, showRowNum) {\n _classCallCheck(this, ColumnManager);\n\n _initialiseProps.call(this);\n\n columns = this.addDragHandleColumn(columns, rowDraggAble);\n columns = this.addOrderColumn(columns, showRowNum);\n columns = this.deleteColumnNotShow(columns);\n this.columns = columns || this.normalize(elements);\n\n this.originWidth = originWidth;\n }\n\n // 向数据列中添加一列:行拖拽标识\n\n\n // delete the column which does not show\n\n\n // 向数据列中添加一列:序号\n\n\n ColumnManager.prototype.isAnyColumnsFixed = function isAnyColumnsFixed() {\n var _this = this;\n\n return this._cache('isAnyColumnsFixed', function () {\n return _this.columns.some(function (column) {\n return !!column.fixed;\n });\n });\n };\n\n ColumnManager.prototype.isAnyColumnsLeftFixed = function isAnyColumnsLeftFixed() {\n var _this2 = this;\n\n return this._cache('isAnyColumnsLeftFixed', function () {\n return _this2.columns.some(function (column) {\n return column.fixed === 'left' || column.fixed === true;\n });\n });\n };\n\n ColumnManager.prototype.isAnyColumnsRightFixed = function isAnyColumnsRightFixed() {\n var _this3 = this;\n\n return this._cache('isAnyColumnsRightFixed', function () {\n return _this3.columns.some(function (column) {\n return column.fixed === 'right';\n });\n });\n };\n\n ColumnManager.prototype.leftColumns = function leftColumns() {\n var _this4 = this;\n\n return this._cache('leftColumns', function () {\n return _this4.groupedColumns().filter(function (column) {\n return column.fixed === 'left' || column.fixed === true;\n });\n });\n };\n\n ColumnManager.prototype.rightColumns = function rightColumns() {\n var _this5 = this;\n\n return this._cache('rightColumns', function () {\n return _this5.groupedColumns().filter(function (column) {\n return column.fixed === 'right';\n });\n });\n };\n\n ColumnManager.prototype.centerColumns = function centerColumns() {\n var _this6 = this;\n\n return this._cache('centerColumns', function () {\n return _this6.groupedColumns().filter(function (column) {\n return !column.fixed;\n });\n });\n };\n\n ColumnManager.prototype.leafColumns = function leafColumns() {\n var _this7 = this;\n\n return this._cache('leafColumns', function () {\n return _this7._leafColumns(_this7.columns);\n });\n };\n\n ColumnManager.prototype.leftLeafColumns = function leftLeafColumns() {\n var _this8 = this;\n\n return this._cache('leftLeafColumns', function () {\n return _this8._leafColumns(_this8.leftColumns());\n });\n };\n\n ColumnManager.prototype.rightLeafColumns = function rightLeafColumns() {\n var _this9 = this;\n\n return this._cache('rightLeafColumns', function () {\n return _this9._leafColumns(_this9.rightColumns());\n });\n };\n\n ColumnManager.prototype.centerLeafColumns = function centerLeafColumns() {\n var _this10 = this;\n\n return this._cache('centerLeafColumns', function () {\n return _this10._leafColumns(_this10.centerColumns());\n });\n };\n\n // add appropriate rowspan and colspan to column\n\n\n ColumnManager.prototype.groupedColumns = function groupedColumns(type) {\n var _this11 = this;\n\n return this._cache('groupedColumns', function () {\n var _groupColumns = function _groupColumns(columns) {\n var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n var parentColumn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var rows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];\n\n // track how many rows we got\n rows[currentRow] = rows[currentRow] || [];\n var grouped = [];\n var setRowSpan = function setRowSpan(column) {\n var rowSpan = rows.length - currentRow;\n if (column && !column.children && // parent columns are supposed to be one row\n rowSpan > 1 && (!column.rowSpan || column.rowSpan < rowSpan)) {\n column.rowSpan = rowSpan;\n }\n };\n columns.forEach(function (column, index) {\n var defaultOpt = {\n ifshow: true\n };\n if (!_this11.originWidth) {\n defaultOpt.width = 200;\n }\n //获取非固定列\n if (type == 'nofixed' && column.fixed) {\n return false;\n }\n var newColumn = _extends({}, defaultOpt, column);\n rows[currentRow].push(newColumn);\n parentColumn.colSpan = parentColumn.colSpan || 0;\n if (newColumn.children && newColumn.children.length > 0) {\n newColumn.children = _groupColumns(newColumn.children, currentRow + 1, newColumn, rows);\n parentColumn.colSpan = parentColumn.colSpan + newColumn.colSpan;\n } else {\n parentColumn.colSpan++;\n }\n // update rowspan to all same row columns\n for (var i = 0; i < rows[currentRow].length - 1; ++i) {\n setRowSpan(rows[currentRow][i]);\n }\n // last column, update rowspan immediately\n if (index + 1 === columns.length) {\n setRowSpan(newColumn);\n }\n grouped.push(newColumn);\n });\n return grouped;\n };\n return _groupColumns(_this11.columns);\n });\n };\n\n ColumnManager.prototype.normalize = function normalize(elements) {\n var _this12 = this;\n\n var columns = [];\n _react2[\"default\"].Children.forEach(elements, function (element) {\n if (!_this12.isColumnElement(element)) return;\n var column = _extends({}, element.props);\n if (element.key) {\n column.key = element.key;\n }\n if (element.type === _ColumnGroup2[\"default\"]) {\n column.children = _this12.normalize(column.children);\n }\n columns.push(column);\n });\n return columns;\n };\n\n ColumnManager.prototype.isColumnElement = function isColumnElement(element) {\n return element && (element.type === _Column2[\"default\"] || element.type === _ColumnGroup2[\"default\"]);\n };\n\n ColumnManager.prototype.reset = function reset(columns, elements, showRowNum, rowDraggAble) {\n columns = this.addDragHandleColumn(columns, rowDraggAble);\n columns = this.addOrderColumn(columns, showRowNum);\n columns = this.deleteColumnNotShow(columns);\n this.columns = columns || this.normalize(elements);\n this._cached = {};\n };\n\n ColumnManager.prototype.getColumnWidth = function getColumnWidth(contentWidth) {\n var columns = this.leafColumns();\n var res = { computeWidth: 0, lastShowIndex: -1 };\n columns.forEach(function (col, index) {\n //如果列显示\n if (col.ifshow) {\n var width = col.width;\n if (typeof width == 'string' && width.includes('%')) {\n width = contentWidth * parseInt(col.width) / 100;\n }\n res.computeWidth += parseInt(width);\n if (!col.fixed) {\n res.lastShowIndex = index;\n }\n }\n });\n return res;\n };\n\n ColumnManager.prototype.getLeftColumnsWidth = function getLeftColumnsWidth() {\n var _this13 = this;\n\n var contentWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;\n\n return this._cache('leftColumnsWidth', function () {\n var leftColumnsWidth = 0;\n _this13.groupedColumns().forEach(function (column) {\n if (column.fixed === 'left' || column.fixed === true) {\n var width = column.width;\n if (typeof width == 'string' && width.includes('%')) {\n width = contentWidth * parseInt(column.width) / 100;\n }\n leftColumnsWidth += parseInt(width);\n }\n });\n return leftColumnsWidth;\n });\n };\n\n ColumnManager.prototype.getRightColumnsWidth = function getRightColumnsWidth() {\n var _this14 = this;\n\n var contentWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;\n\n return this._cache('rightColumnsWidth', function () {\n var rightColumnsWidth = 0;\n _this14.groupedColumns().forEach(function (column) {\n if (column.fixed === 'right') {\n var width = column.width;\n if (typeof width == 'string' && width.includes('%')) {\n width = contentWidth * parseInt(column.width) / 100;\n }\n rightColumnsWidth += parseInt(width);\n }\n });\n return rightColumnsWidth;\n });\n };\n\n ColumnManager.prototype._cache = function _cache(name, fn) {\n if (name in this._cached) {\n return this._cached[name];\n }\n this._cached[name] = fn();\n return this._cached[name];\n };\n\n //todo 含有children的宽度计算\n\n\n ColumnManager.prototype._leafColumns = function _leafColumns(columns) {\n var _this15 = this;\n\n var leafColumns = [];\n\n columns.forEach(function (column) {\n if (!column.children) {\n\n var defaultOpt = {\n ifshow: true\n };\n if (!_this15.originWidth) {\n defaultOpt.width = 200;\n }\n var newColumn = _extends({}, defaultOpt, column);\n leafColumns.push(newColumn);\n } else {\n leafColumns.push.apply(leafColumns, _toConsumableArray(_this15._leafColumns(column.children)));\n }\n });\n return leafColumns;\n };\n\n return ColumnManager;\n}();\n\nvar _initialiseProps = function _initialiseProps() {\n this._cached = {};\n\n this.addDragHandleColumn = function (columns, rowDraggAble) {\n if (!rowDraggAble) {\n return columns;\n }\n var dragHandleColumn = [{\n className: \"drag-handle-column\",\n title: \"\",\n key: \"dragHandle\",\n dataIndex: \"dragHandle\",\n width: 49,\n render: function render() {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-navmenu' });\n }\n }];\n columns = dragHandleColumn.concat(columns);\n return columns;\n };\n\n this.deleteColumnNotShow = function (columns) {\n var len = columns.length;\n for (var i = 0; i < len; i++) {\n if (columns && columns[i] && columns[i].isShow === false) {\n columns.splice(i, 1);\n i--;\n }\n }\n return columns;\n };\n\n this.addOrderColumn = function (columns, showRowNum) {\n if (!showRowNum) {\n return columns;\n }\n var key = showRowNum.key,\n fixed = showRowNum.fixed,\n width = showRowNum.width,\n name = showRowNum.name,\n type = showRowNum.type,\n base = showRowNum.base;\n\n var order = {\n dataIndex: key || '_index',\n key: '_index',\n fixed: fixed || 'left',\n width: width || 50,\n title: name || '序号',\n render: function render(text, record, index) {\n switch (type) {\n case 'ascii':\n {\n return String.fromCharCode((base || 'a').charCodeAt() + index);\n }\n case 'number':\n default:\n {\n return (base || 0) + index;\n }\n }\n }\n };\n if (columns.length > 0 && columns[0].dataIndex !== 'checkbox' && columns[0].dataIndex !== 'radio') {\n // 多选表格/单选表格时放在第二列,其他情况放到第一列\n columns = [order].concat(columns);\n } else {\n columns.splice(1, 0, order); // splice方法改变原数组,返回切割出的数组,此处为[]\n }\n return columns;\n };\n};\n\nexports[\"default\"] = ColumnManager;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 899 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports[\"default\"] = createStore;\nfunction createStore(initialState) {\n var state = initialState;\n var listeners = [];\n\n function setState(partial) {\n state = _extends({}, state, partial);\n for (var i = 0; i < listeners.length; i++) {\n listeners[i]();\n }\n }\n\n function getState() {\n return state;\n }\n\n function subscribe(listener) {\n listeners.push(listener);\n\n return function unsubscribe() {\n var index = listeners.indexOf(listener);\n listeners.splice(index, 1);\n };\n }\n\n return {\n setState: setState,\n getState: getState,\n subscribe: subscribe\n };\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 900 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Loading = __webpack_require__(901);\n\nvar _Loading2 = _interopRequireDefault(_Loading);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Loading2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 901 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _Portal = __webpack_require__(67);\n\nvar _Portal2 = _interopRequireDefault(_Portal);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar loadImg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDJweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNDIgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT53aW5kb3U8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjQ5Ljc3NzAwMDElIiB5MT0iOTkuOTg4NjY2NyUiIHgyPSI0OS43NzcwMDAxJSIgeTI9IjIyLjc5MTY5ODQlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MkQ5MDAiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMC4wNzY1JSIgeTE9IjQ5LjgwNDUlIiB4Mj0iODQuMDAyMTY0NCUiIHkyPSI0OS44MDQ1JSIgaWQ9ImxpbmVhckdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkZCRTBFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjIyOTUwMDElIiB5MT0iLTAuMDgwOTk5OTQyOSUiIHgyPSI1MC4yMjk1MDAxJSIgeTI9IjgwLjA2MTg4MjglIiBpZD0ibGluZWFyR3JhZGllbnQtMyI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRjQ3NDciIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iOTkuOTI1NjY2NyUiIHkxPSI0OS45MTglIiB4Mj0iMjQuMjY5MjQwMyUiIHkyPSI0OS45MTglIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDhDREMiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLop4blm74vbG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuMDAwMDAwLCAtMy4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IndpbmRvdSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5YiG57uELTMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI5LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBvcGFjaXR5PSIwLjQ5OTM3MjIxIiB4PSIwLjQwOTA5MDkwOSIgeT0iMCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjM0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzAwQzg2NCIgY3g9IjYuNDA5MDkwOTEiIGN5PSIzNC4yNjY3MDkxIiByPSI2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSLliIbnu4QtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC40NTE3MjksIDI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMikiIG9wYWNpdHk9IjAuNTA5MDIxNTc3IiB4PSI2LjI2MjM1NTk1IiB5PSIzLjU1MjcxMzY4ZS0xNSIgd2lkdGg9IjM0IiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGQkUwRSIgY3g9IjYuNTAyODE2OSIgY3k9IjYiIHI9IjYiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGcgaWQ9IuWIhue7hCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0zKSIgb3BhY2l0eT0iMC41MDEyMzIzMjkiIHg9Ii0yLjY1NTY1MzQ3ZS0xMyIgeT0iNS43ODgyMTI4MSIgd2lkdGg9IjEyIiBoZWlnaHQ9IjM0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iI0ZGNDc0NyIgY3g9IjYiIGN5PSI2IiByPSI2Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC45NTQ1NDUsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgb3BhY2l0eT0iMC41MDQxODUyNjgiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIxMS45NDI2NTY5Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzAwOENEQyIgY3g9IjM1IiBjeT0iNiIgcj0iNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==';\n\nvar propTypes = {\n /**\n * @title 默认的公共类\n */\n clsPrefix: _propTypes2[\"default\"].string,\n clsLoadBack: _propTypes2[\"default\"].string,\n /**\n * @title 不同loading样式\n */\n loadingType: _propTypes2[\"default\"].oneOf([\"rotate\", \"line\", \"custom\"]),\n\n /**\n * @title 不同尺寸\n */\n size: _propTypes2[\"default\"].oneOf([\"sm\", \"lg\"]),\n /**\n * @title 不同颜色\n */\n color: _propTypes2[\"default\"].oneOf([\"primary\", \"success\", \"warning\", \"\"]),\n /**\n * @title 是否全屏loading\n */\n fullScreen: _propTypes2[\"default\"].bool,\n wrapperClassName: _propTypes2[\"default\"].string\n};\n\nvar defaultProps = {\n clsPrefix: \"u-loading\",\n clsLoadBack: \"u-loading-back\",\n loadingType: \"rotate\",\n color: \"\",\n showBackDrop: true,\n fullScreen: false,\n wrapperClassName: \"\"\n};\n\nvar sizeMap = {\n sm: \"sm\",\n lg: \"lg\"\n},\n colorsMap = {\n primary: \"primary\",\n success: \"success\",\n warning: \"warning\"\n};\n\nvar Loading = function (_Component) {\n _inherits(Loading, _Component);\n\n function Loading(props) {\n _classCallCheck(this, Loading);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n Loading.prototype.render = function render() {\n var _backClassObj;\n\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n loadingType = _props.loadingType,\n size = _props.size,\n color = _props.color,\n show = _props.show,\n showBackDrop = _props.showBackDrop,\n container = _props.container,\n children = _props.children,\n fullScreen = _props.fullScreen,\n wrapperClassName = _props.wrapperClassName,\n indicator = _props.indicator,\n others = _objectWithoutProperties(_props, [\"clsPrefix\", \"loadingType\", \"size\", \"color\", \"show\", \"showBackDrop\", \"container\", \"children\", \"fullScreen\", \"wrapperClassName\", \"indicator\"]);\n\n var clsObj = {};\n\n if (!show) return null;\n\n clsObj[clsPrefix + \"-\" + loadingType] = true;\n\n if (sizeMap[size]) {\n clsObj[clsPrefix + \"-\" + loadingType + \"-\" + sizeMap[size]] = true;\n }\n\n if (colorsMap[color]) {\n clsObj[clsPrefix + \"-\" + loadingType + \"-\" + colorsMap[color]] = true;\n }\n\n var classes = (0, _classnames2[\"default\"])(clsPrefix, clsObj);\n\n var dom = \"\";\n\n if (wrapperClassName) {\n classes += \" \" + wrapperClassName;\n }\n if (loadingType === \"custom\" && !!indicator) {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n { className: classes },\n _react2[\"default\"].createElement(\n \"div\",\n null,\n indicator\n )\n ),\n children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n } else if (loadingType === \"rotate\") {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n { className: classes },\n _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\"img\", { src: loadImg })\n )\n ),\n children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n } else if (loadingType === \"line\") {\n dom = _react2[\"default\"].createElement(\n \"div\",\n null,\n _react2[\"default\"].createElement(\n \"div\",\n { className: classes },\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null),\n _react2[\"default\"].createElement(\"div\", null)\n ),\n children && _react2[\"default\"].createElement(\n \"div\",\n { className: clsPrefix + \"-desc\" },\n children\n )\n );\n }\n\n var backClassObj = (_backClassObj = {}, _defineProperty(_backClassObj, clsPrefix + \"-backdrop\", true), _defineProperty(_backClassObj, \"full-screen\", fullScreen), _backClassObj);\n\n if (showBackDrop) {\n dom = _react2[\"default\"].createElement(\n \"div\",\n { className: (0, _classnames2[\"default\"])(backClassObj) },\n dom\n );\n }\n //console.log(container);\n\n return _react2[\"default\"].createElement(\n _Portal2[\"default\"],\n { container: container },\n dom\n );\n };\n\n return Loading;\n}(_react.Component);\n\nLoading.propTypes = propTypes;\nLoading.defaultProps = defaultProps;\n\nexports[\"default\"] = Loading;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 902 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(903);\nmodule.exports = __webpack_require__(904);\n\n\n/***/ }),\n/* 903 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 904 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Tree = __webpack_require__(905);\n\nvar _Tree2 = _interopRequireDefault(_Tree);\n\nvar _TreeNode = __webpack_require__(392);\n\nvar _TreeNode2 = _interopRequireDefault(_TreeNode);\n\nvar _openAnimation = __webpack_require__(908);\n\nvar _openAnimation2 = _interopRequireDefault(_openAnimation);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar TreeProps = {\n showLine: _propTypes2[\"default\"].bool,\n className: _propTypes2[\"default\"].string,\n /** 是否支持多选 */\n multiple: _propTypes2[\"default\"].bool,\n /** 是否自动展开父节点 */\n autoExpandParent: _propTypes2[\"default\"].bool,\n /** checkable状态下节点选择完全受控（父子节点选中状态不再关联）*/\n checkStrictly: _propTypes2[\"default\"].bool,\n /** 是否支持选中 */\n checkable: _propTypes2[\"default\"].bool,\n /** 默认展开所有树节点 */\n defaultExpandAll: _propTypes2[\"default\"].bool,\n /** 默认展开指定的树节点 */\n defaultExpandedKeys: _propTypes2[\"default\"].array,\n /** （受控）展开指定的树节点 */\n expandedKeys: _propTypes2[\"default\"].array,\n /** （受控）选中复选框的树节点 */\n checkedKeys: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].array, _propTypes2[\"default\"].object]),\n /** 默认选中复选框的树节点 */\n defaultCheckedKeys: _propTypes2[\"default\"].array,\n /** （受控）设置选中的树节点 */\n selectedKeys: _propTypes2[\"default\"].array,\n /** 默认选中的树节点 */\n defaultSelectedKeys: _propTypes2[\"default\"].array,\n /** 展开/收起节点时触发 */\n onExpand: _propTypes2[\"default\"].func,\n /** 点击复选框触发 */\n onCheck: _propTypes2[\"default\"].func,\n /** 点击树节点触发 */\n onSelect: _propTypes2[\"default\"].func,\n /** filter some AntTreeNodes as you need. it should return true */\n filterAntTreeNode: _propTypes2[\"default\"].func,\n /** 异步加载数据 */\n loadData: _propTypes2[\"default\"].func,\n /** 响应右键点击 */\n onRightClick: _propTypes2[\"default\"].func,\n /** 设置节点可拖拽（IE>8）*/\n draggable: _propTypes2[\"default\"].bool,\n /** 开始拖拽时调用 */\n onDragStart: _propTypes2[\"default\"].func,\n /** dragenter 触发时调用 */\n onDragEnter: _propTypes2[\"default\"].func,\n /** dragover 触发时调用 */\n onDragOver: _propTypes2[\"default\"].func,\n /** dragleave 触发时调用 */\n onDragLeave: _propTypes2[\"default\"].func,\n /** drop 触发时调用 */\n onDrop: _propTypes2[\"default\"].func,\n style: _react2[\"default\"].CSSProperties,\n prefixCls: _propTypes2[\"default\"].string,\n filterTreeNode: _propTypes2[\"default\"].func\n};\n\nvar defaultProps = {\n prefixCls: 'u-tree',\n checkable: false,\n showIcon: false,\n openAnimation: _openAnimation2[\"default\"]\n};\n\nvar Tree = function (_Component) {\n _inherits(Tree, _Component);\n\n function Tree() {\n _classCallCheck(this, Tree);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n Tree.prototype.render = function render() {\n var props = this.props;\n var checkable = props.checkable;\n return _react2[\"default\"].createElement(\n _Tree2[\"default\"],\n _extends({}, props, {\n checkable: checkable ? _react2[\"default\"].createElement('span', { className: props.prefixCls + '-checkbox-inner' }) : checkable\n }),\n this.props.children\n );\n };\n\n return Tree;\n}(_react.Component);\n\nTree.TreeNode = _TreeNode2[\"default\"];\nTree.TreeProps = TreeProps;\nTree.defaultProps = defaultProps;\nexports[\"default\"] = Tree;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 905 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _TreeNode = __webpack_require__(392);\n\nvar _TreeNode2 = _interopRequireDefault(_TreeNode);\n\nvar _infiniteScroll = __webpack_require__(906);\n\nvar _infiniteScroll2 = _interopRequireDefault(_infiniteScroll);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _util = __webpack_require__(145);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nvar _config = __webpack_require__(393);\n\nvar _config2 = _interopRequireDefault(_config);\n\nvar _createStore = __webpack_require__(907);\n\nvar _createStore2 = _interopRequireDefault(_createStore);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /* eslint no-console:0 */\n\n\nfunction noop() {}\n\nvar Tree = function (_React$Component) {\n _inherits(Tree, _React$Component);\n\n function Tree(props) {\n _classCallCheck(this, Tree);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n ['onKeyDown', 'onCheck', \"onUlFocus\", \"_focusDom\", \"onUlMouseEnter\", \"onUlMouseLeave\"].forEach(function (m) {\n _this[m] = _this[m].bind(_this);\n });\n _this.contextmenuKeys = [];\n _this.checkedKeysChange = true;\n _this.selectKeyDomPos = '0-0';\n _this.state = {\n expandedKeys: _this.getDefaultExpandedKeys(props),\n checkedKeys: _this.getDefaultCheckedKeys(props),\n selectedKeys: _this.getDefaultSelectedKeys(props),\n dragNodesKeys: '',\n dragOverNodeKey: '',\n dropNodeKey: '',\n focusKey: '', //上下箭头选择树节点时，用于标识focus状态\n treeData: [], //Tree结构数组(全量)\n flatTreeData: [], //一维数组(全量)\n prevProps: null\n };\n //默认显示20条，rowsInView根据定高算的。在非固定高下，这个只是一个大概的值。\n _this.rowsInView = _config2[\"default\"].defaultRowsInView;\n //一次加载多少数据\n _this.loadCount = _config2[\"default\"].loadBuffer ? _this.rowsInView + _config2[\"default\"].loadBuffer * 2 : 16;\n _this.flatTreeKeysMap = {}; //存储所有 key-value 的映射，方便获取各节点信息\n _this.startIndex = 0;\n _this.endIndex = _this.startIndex + _this.loadCount;\n _this.cacheTreeNodes = []; //缓存 treenode 节点数组\n _this.store = (0, _createStore2[\"default\"])({ rowHeight: 24 }); //rowHeight 树节点的高度，此变量在滚动加载场景很关键\n return _this;\n }\n\n /**\n * 在 lazyload 情况下，需要获取树节点的真实高度\n */\n\n\n Tree.prototype.componentDidMount = function componentDidMount() {\n var lazyLoad = this.props.lazyLoad;\n // 此处为了区分数据是不是异步渲染的，prevProps 作为标识\n\n if (this.hasTreeNode()) {\n this.setState({\n prevProps: this.props\n });\n }\n // 启用懒加载，计算树节点真实高度\n if (!lazyLoad) return;\n var treenodes = this.tree.querySelectorAll('.u-tree-treenode-close')[0];\n if (!treenodes) return;\n var rowHeight = treenodes.getBoundingClientRect().height;\n this.store.setState({\n rowHeight: rowHeight\n });\n };\n\n // 判断初始化挂载时，有没有渲染树节点\n\n\n Tree.prototype.componentWillMount = function componentWillMount() {\n var _this2 = this;\n\n var _props = this.props,\n treeData = _props.treeData,\n lazyLoad = _props.lazyLoad;\n\n var sliceTreeList = [];\n //启用懒加载，把 Tree 结构拍平，为后续动态截取数据做准备\n if (lazyLoad) {\n var flatTreeData = this.deepTraversal(treeData);\n flatTreeData.forEach(function (element) {\n if (sliceTreeList.length >= _this2.loadCount) return;\n sliceTreeList.push(element);\n });\n this.handleTreeListChange(sliceTreeList);\n this.setState({\n flatTreeData: flatTreeData\n });\n } else {\n this.setState({\n treeData: treeData\n });\n }\n };\n\n Tree.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var startIndex = this.startIndex,\n endIndex = this.endIndex,\n props = this.props,\n state = this.state;\n var prevProps = state.prevProps;\n\n var expandedKeys = this.getDefaultExpandedKeys(nextProps, true);\n var checkedKeys = this.getDefaultCheckedKeys(nextProps, true);\n var selectedKeys = this.getDefaultSelectedKeys(nextProps, true);\n var st = {\n prevProps: nextProps\n };\n // 用于记录这次data内容有没有变化\n this.dataChange = false;\n function needSync(name) {\n return !prevProps && name in nextProps || prevProps && prevProps[name] !== nextProps[name];\n }\n // ================ expandedKeys =================\n if (needSync('expandedKeys') || prevProps && needSync('autoExpandParent') || prevProps && prevProps['expandedKeys'] !== expandedKeys) {\n st.expandedKeys = expandedKeys;\n } else if (!prevProps && props.defaultExpandAll || !prevProps && props.defaultExpandedKeys) {\n st.expandedKeys = this.getDefaultExpandedKeys(nextProps);\n }\n if (st.expandedKeys) {\n //缓存 expandedKeys\n this.cacheExpandedKeys = new Set(expandedKeys);\n if (nextProps.lazyLoad) {\n var flatTreeData = this.deepTraversal(nextProps.treeData);\n this.cacheExpandedKeys = null;\n st.flatTreeData = flatTreeData;\n var newTreeList = flatTreeData.slice(startIndex, endIndex);\n this.handleTreeListChange(newTreeList, startIndex, endIndex);\n }\n }\n\n // ================ checkedKeys =================\n if (checkedKeys) {\n if (nextProps.checkedKeys === this.props.checkedKeys) {\n this.checkedKeysChange = false;\n } else {\n this.checkedKeysChange = true;\n }\n st.checkedKeys = checkedKeys;\n }\n\n // ================ selectedKeys =================\n if (selectedKeys) {\n st.selectedKeys = selectedKeys;\n }\n\n // ================ treeData =================\n if (nextProps.hasOwnProperty('treeData') && nextProps.treeData !== this.props.treeData) {\n this.dataChange = true;\n //treeData更新时，需要重新处理一次数据\n if (nextProps.lazyLoad) {\n var _flatTreeData = this.deepTraversal(nextProps.treeData);\n st.flatTreeData = _flatTreeData;\n var _newTreeList = _flatTreeData.slice(startIndex, endIndex);\n this.handleTreeListChange(_newTreeList, startIndex, endIndex);\n } else {\n st.treeData = nextProps.treeData;\n }\n }\n\n // ================ children =================\n if (nextProps.children !== this.props.children) {\n this.dataChange = true;\n }\n this.setState(st);\n };\n\n Tree.prototype.onDragStart = function onDragStart(e, treeNode) {\n this.dragNode = treeNode;\n this.dragNodesKeys = this.getDragNodes(treeNode);\n var st = {\n dragNodesKeys: this.dragNodesKeys\n };\n var expandedKeys = this.getExpandedKeys(treeNode, false);\n if (expandedKeys) {\n // Controlled expand, save and then reset\n this.getRawExpandedKeys();\n st.expandedKeys = expandedKeys;\n }\n this.setState(st);\n this.props.onDragStart({\n event: e,\n node: treeNode\n });\n this._dropTrigger = false;\n };\n\n Tree.prototype.onDragEnterGap = function onDragEnterGap(e, treeNode) {\n var offsetTop = (0, _util.getOffset)(treeNode.selectHandle).top;\n var offsetHeight = treeNode.selectHandle.offsetHeight;\n var pageY = e.pageY;\n var gapHeight = 2;\n if (pageY > offsetTop + offsetHeight - gapHeight) {\n this.dropPosition = 1;\n return 1;\n }\n if (pageY < offsetTop + gapHeight) {\n this.dropPosition = -1;\n return -1;\n }\n this.dropPosition = 0;\n return 0;\n };\n\n Tree.prototype.onDragEnter = function onDragEnter(e, treeNode) {\n var enterGap = this.onDragEnterGap(e, treeNode);\n if (this.dragNode.props.eventKey === treeNode.props.eventKey && enterGap === 0) {\n this.setState({\n dragOverNodeKey: ''\n });\n return;\n }\n var st = {\n dragOverNodeKey: treeNode.props.eventKey\n };\n var expandedKeys = this.getExpandedKeys(treeNode, true);\n if (expandedKeys) {\n this.getRawExpandedKeys();\n st.expandedKeys = expandedKeys;\n }\n this.setState(st);\n this.props.onDragEnter({\n event: e,\n node: treeNode,\n expandedKeys: expandedKeys && [].concat(_toConsumableArray(expandedKeys)) || [].concat(_toConsumableArray(this.state.expandedKeys))\n });\n };\n\n Tree.prototype.onDragOver = function onDragOver(e, treeNode) {\n this.props.onDragOver({\n event: e,\n node: treeNode\n });\n };\n\n Tree.prototype.onDragLeave = function onDragLeave(e, treeNode) {\n this.props.onDragLeave({\n event: e,\n node: treeNode\n });\n };\n\n Tree.prototype.onDrop = function onDrop(e, treeNode) {\n var key = treeNode.props.eventKey;\n this.setState({\n dragOverNodeKey: '',\n dropNodeKey: key\n });\n if (this.dragNodesKeys.indexOf(key) > -1) {\n if (console.warn) {\n console.warn('can not drop to dragNode(include it\\'s children node)');\n }\n return false;\n }\n\n var posArr = treeNode.props.pos.split('-');\n var res = {\n event: e,\n node: treeNode,\n dragNode: this.dragNode,\n dragNodesKeys: [].concat(_toConsumableArray(this.dragNodesKeys)),\n dropPosition: this.dropPosition + Number(posArr[posArr.length - 1])\n };\n if (this.dropPosition !== 0) {\n res.dropToGap = true;\n }\n if ('expandedKeys' in this.props) {\n res.rawExpandedKeys = [].concat(_toConsumableArray(this._rawExpandedKeys)) || [].concat(_toConsumableArray(this.state.expandedKeys));\n }\n this.props.onDrop(res);\n this._dropTrigger = true;\n };\n\n Tree.prototype.onDragEnd = function onDragEnd(e, treeNode) {\n this.setState({\n dragOverNodeKey: ''\n });\n this.props.onDragEnd({\n event: e,\n node: treeNode\n });\n };\n /**\n *\n *\n * @param {*} treeNode 当前操作的节点\n * @param {*} keyType 键盘事件通用的key类型 left 为收起，right为展开\n * @returns\n * @memberof Tree\n */\n\n\n Tree.prototype.onExpand = function onExpand(treeNode, keyType) {\n var _this3 = this;\n\n var _props2 = this.props,\n treeData = _props2.treeData,\n lazyLoad = _props2.lazyLoad;\n\n var expanded = !treeNode.props.expanded;\n var controlled = 'expandedKeys' in this.props;\n var expandedKeys = [].concat(_toConsumableArray(this.state.expandedKeys));\n var index = expandedKeys.indexOf(treeNode.props.eventKey);\n\n if (keyType == 'left') {\n expanded = false;\n } else if (keyType == 'right') {\n expanded = true;\n }\n\n if (expanded && index === -1) {\n expandedKeys.push(treeNode.props.eventKey);\n } else if (!expanded && index > -1) {\n expandedKeys.splice(index, 1);\n }\n if (!controlled) {\n this.setState({\n expandedKeys: expandedKeys\n });\n }\n this.props.onExpand(expandedKeys, {\n node: treeNode,\n expanded: expanded\n });\n\n // after data loaded, need set new expandedKeys\n if (expanded && this.props.loadData) {\n return this.props.loadData(treeNode).then(function () {\n if (!controlled) {\n _this3.setState({\n expandedKeys: expandedKeys\n });\n }\n });\n }\n //收起和展开时，缓存 expandedKeys\n this.cacheExpandedKeys = new Set(expandedKeys);\n //启用懒加载，把 Tree 结构拍平，为后续动态截取数据做准备\n if (lazyLoad) {\n var flatTreeData = this.deepTraversal(treeData);\n this.cacheExpandedKeys = null;\n this.setState({\n flatTreeData: flatTreeData\n });\n }\n };\n\n Tree.prototype.onCheck = function onCheck(treeNode) {\n var _this4 = this;\n\n var checked = !treeNode.props.checked;\n if (treeNode.props.halfChecked) {\n checked = true;\n }\n var key = treeNode.props.eventKey;\n var checkedKeys = [].concat(_toConsumableArray(this.state.checkedKeys));\n var index = checkedKeys.indexOf(key);\n\n var newSt = {\n event: 'check',\n node: treeNode,\n checked: checked\n };\n\n if (this.props.checkStrictly) {\n var rsCheckedKeys = [];\n if (checked && index === -1) {\n checkedKeys.push(key);\n }\n if (!checked && index > -1) {\n checkedKeys.splice(index, 1);\n }\n this.treeNodesStates[treeNode.props.pos].checked = checked;\n newSt.checkedNodes = [];\n (0, _util.loopAllChildren)(this.props.children, function (item, ind, pos, keyOrPos) {\n if (checkedKeys.indexOf(keyOrPos) !== -1) {\n newSt.checkedNodes.push(item);\n rsCheckedKeys.push(keyOrPos);\n }\n });\n if (!('checkedKeys' in this.props)) {\n this.setState({\n checkedKeys: rsCheckedKeys\n });\n }\n var halfChecked = this.props.checkedKeys ? this.props.checkedKeys.halfChecked : [];\n this.props.onCheck((0, _util.getStrictlyValue)(rsCheckedKeys, halfChecked), newSt);\n } else {\n if (checked && index === -1) {\n this.treeNodesStates[treeNode.props.pos].checked = true;\n var checkedPositions = [];\n Object.keys(this.treeNodesStates).forEach(function (i) {\n if (_this4.treeNodesStates[i].checked) {\n checkedPositions.push(i);\n }\n });\n (0, _util.handleCheckState)(this.treeNodesStates, (0, _util.filterParentPosition)(checkedPositions), true);\n }\n if (!checked) {\n this.treeNodesStates[treeNode.props.pos].checked = false;\n this.treeNodesStates[treeNode.props.pos].halfChecked = false;\n (0, _util.handleCheckState)(this.treeNodesStates, [treeNode.props.pos], false);\n }\n var checkKeys = (0, _util.getCheck)(this.treeNodesStates);\n newSt.checkedNodes = checkKeys.checkedNodes;\n newSt.checkedNodesPositions = checkKeys.checkedNodesPositions;\n newSt.halfCheckedKeys = checkKeys.halfCheckedKeys;\n this.checkKeys = checkKeys;\n\n this._checkedKeys = checkedKeys = checkKeys.checkedKeys;\n if (!('checkedKeys' in this.props)) {\n this.setState({\n checkedKeys: checkedKeys\n });\n }\n this.props.onCheck(checkedKeys, newSt);\n }\n };\n\n Tree.prototype.onSelect = function onSelect(treeNode) {\n var props = this.props;\n var selectedKeys = [].concat(_toConsumableArray(this.state.selectedKeys));\n var eventKey = treeNode.props.eventKey || treeNode.key;\n var index = selectedKeys.indexOf(eventKey);\n var selected = void 0;\n //cancelUnSelect为true时第二次点击时不取消选中\n if (props.cancelUnSelect) {\n if (index == -1) {\n selected = true;\n if (!props.multiple) {\n selectedKeys.length = 0;\n }\n selectedKeys.push(eventKey);\n }\n } else {\n if (index !== -1) {\n selected = false;\n selectedKeys.splice(index, 1);\n } else {\n selected = true;\n if (!props.multiple) {\n selectedKeys.length = 0;\n }\n selectedKeys.push(eventKey);\n }\n }\n\n var selectedNodes = [];\n if (selectedKeys.length) {\n (0, _util.loopAllChildren)(this.props.children, function (item) {\n if (selectedKeys.indexOf(item.key) !== -1) {\n selectedNodes.push(item);\n }\n });\n }\n var newSt = {\n event: 'select',\n node: treeNode,\n selected: selected,\n selectedNodes: selectedNodes\n };\n if (!('selectedKeys' in this.props)) {\n this.setState({\n selectedKeys: selectedKeys\n });\n }\n props.onSelect(selectedKeys, newSt);\n };\n\n Tree.prototype.onDoubleClick = function onDoubleClick(treeNode) {\n var props = this.props;\n var eventKey = treeNode.props.eventKey;\n var newSt = {\n event: 'dblclick',\n node: treeNode\n };\n if (props.expandWhenDoubleClick) {\n this.onExpand(treeNode);\n }\n props.onDoubleClick(eventKey, newSt);\n };\n\n Tree.prototype.onMouseEnter = function onMouseEnter(e, treeNode) {\n this.props.onMouseEnter({\n event: e,\n node: treeNode\n });\n };\n\n Tree.prototype.onMouseLeave = function onMouseLeave(e, treeNode) {\n this.props.onMouseLeave({\n event: e,\n node: treeNode\n });\n };\n\n Tree.prototype.onContextMenu = function onContextMenu(e, treeNode) {\n var selectedKeys = [].concat(_toConsumableArray(this.state.selectedKeys));\n var eventKey = treeNode.props.eventKey;\n if (this.contextmenuKeys.indexOf(eventKey) === -1) {\n this.contextmenuKeys.push(eventKey);\n }\n this.contextmenuKeys.forEach(function (key) {\n var index = selectedKeys.indexOf(key);\n if (index !== -1) {\n selectedKeys.splice(index, 1);\n }\n });\n if (selectedKeys.indexOf(eventKey) === -1) {\n selectedKeys.push(eventKey);\n }\n this.setState({\n selectedKeys: selectedKeys\n });\n this.props.onRightClick({\n event: e,\n node: treeNode\n });\n };\n\n Tree.prototype.getTreeNode = function getTreeNode() {\n var props = this.props;\n };\n\n Tree.prototype.goDown = function goDown(currentPos, currentIndex, e, treeNode) {\n var props = this.props;\n var state = this.state;\n var treeChildren = props.children ? props.children : this.cacheTreeNodes; //最终渲染在 Tree 标签中的子节点\n var nextIndex = parseInt(currentIndex) + 1;\n\n var nextPos = void 0,\n backNextPos = void 0;\n var nextTreeNode = void 0,\n backNextTreeNode = void 0;\n var backNextPosArr = [],\n backNextTreeNodeArr = [],\n tempBackNextPosArr = [];\n //是否为展开的节点，如果展开获取第一个子节点的信息，如果没有取相邻节点，若也没有相邻节点则获取父节点的下一个节点\n if (state.expandedKeys.indexOf(treeNode.props.eventKey) > -1) {\n nextPos = currentPos + '-0';\n } else {\n nextPos = currentPos.substr(0, currentPos.lastIndexOf('-') + 1) + nextIndex;\n }\n //若向下的节点没有了，找到父级相邻节点\n var tempPosArr = currentPos.split('-');\n var tempPosArrLength = tempPosArr.length;\n //将可能是下一个节点的的位置都备份一遍\n while (tempPosArrLength > 1) {\n backNextPos = tempPosArrLength > 1 && tempPosArr.slice(0, tempPosArrLength - 1).join('-') + '-' + (parseInt(tempPosArr[tempPosArrLength - 1]) + 1);\n tempBackNextPosArr.push(backNextPos);\n tempPosArr = tempPosArr.slice(0, tempPosArrLength - 1);\n tempPosArrLength = tempPosArr.length;\n }\n //选中下一个相邻的节点\n (0, _util.loopAllChildren)(treeChildren, function (itemNode, index, pos, newKey) {\n if (pos == nextPos) {\n nextTreeNode = itemNode;\n }\n tempBackNextPosArr.forEach(function (item) {\n if (item && item == pos) {\n // backNextTreeNode = item;\n backNextTreeNodeArr.push(itemNode);\n backNextPosArr.push(pos);\n }\n });\n });\n //如果没有下一个节点，则获取父节点的下一个节点\n if (!nextTreeNode) {\n for (var i = 0; i < backNextTreeNodeArr.length; i++) {\n if (backNextTreeNodeArr[i]) {\n nextTreeNode = backNextTreeNodeArr[i];\n nextPos = backNextPosArr[i];\n break;\n }\n }\n }\n\n //查询的下一个节点不为空的话，则选中\n if (nextTreeNode) {\n var queryInfo = 'a[pos=\"' + nextPos + '\"]';\n var parentEle = (0, _util.closest)(e.target, \".u-tree\");\n var focusEle = parentEle ? parentEle.querySelector(queryInfo) : null;\n focusEle && focusEle.focus();\n var eventKey = nextTreeNode.props.eventKey || nextTreeNode.key;\n this.setState({\n focusKey: eventKey\n });\n if (props.autoSelectWhenFocus) {\n this.onSelect(nextTreeNode);\n }\n }\n };\n\n Tree.prototype.goUp = function goUp(currentPos, currentIndex, e, treeNode) {\n var props = this.props;\n var state = this.state;\n if (currentIndex == 0 && currentPos.length === 3) {\n return;\n }\n // 向上键Up\n var preIndex = parseInt(currentIndex) - 1;\n var prePos = void 0;\n if (preIndex >= 0) {\n prePos = currentPos.substr(0, currentPos.lastIndexOf('-') + 1) + preIndex;\n } else {\n prePos = currentPos.substr(0, currentPos.lastIndexOf('-'));\n }\n\n var prevTreeNode = void 0,\n preElement = void 0;\n //选中上一个相邻的节点\n (0, _util.loopAllChildren)(props.children, function (item, index, pos, newKey) {\n if (pos == prePos) {\n prevTreeNode = item;\n }\n });\n //查询的上一个节点不为空的话，则选中\n if (prevTreeNode) {\n if (preIndex >= 0) {\n //如果上面的节点展开则默认选择最后一个子节点\n if (state.expandedKeys.indexOf(prevTreeNode.key) > -1) {\n var preElementArr = e.target.parentElement.previousElementSibling.querySelectorAll('a');\n preElement = preElementArr[preElementArr.length - 1];\n prePos = preElement.getAttribute('pos');\n (0, _util.loopAllChildren)(props.children, function (item, index, pos, newKey) {\n if (pos == prePos) {\n prevTreeNode = item;\n }\n });\n } else {\n //上一个节点没有展开\n preElement = e.target.parentElement.previousElementSibling.querySelector('a');\n }\n } else {\n // 不存在上一个节点时，选中它的父节点\n preElement = e.target.parentElement.parentElement.parentElement.querySelector('a');\n }\n }\n preElement && preElement.focus();\n var eventKey = prevTreeNode.props.eventKey || prevTreeNode.key;\n this.setState({\n focusKey: eventKey\n });\n if (props.autoSelectWhenFocus) {\n this.onSelect(prevTreeNode);\n }\n };\n // all keyboard events callbacks run from here at first\n\n\n Tree.prototype.onKeyDown = function onKeyDown(e, treeNode) {\n // e.stopPropagation();\n\n var props = this.props;\n var currentPos = treeNode.props.pos;\n var currentIndex = currentPos.substr(currentPos.lastIndexOf('-') + 1);\n //向下键down\n if (e.keyCode == _tinperBeeCore.KeyCode.DOWN) {\n this.goDown(currentPos, currentIndex, e, treeNode);\n } else if (e.keyCode == _tinperBeeCore.KeyCode.UP) {\n this.goUp(currentPos, currentIndex, e, treeNode);\n } else if (e.keyCode == _tinperBeeCore.KeyCode.LEFT && !treeNode.props.isLeaf) {\n // 收起树节点\n this.onExpand(treeNode, 'left');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.RIGHT && !treeNode.props.isLeaf) {\n // 展开树节点\n this.onExpand(treeNode, 'right');\n } else if (e.keyCode == _tinperBeeCore.KeyCode.SPACE) {\n this.onSelect(treeNode);\n // 如果是多选tree则进行选中或者反选该节点\n props.checkable && this.onCheck(treeNode);\n } else if (e.keyCode == _tinperBeeCore.KeyCode.ENTER) {\n if (props.onDoubleClick) {\n this.onDoubleClick(treeNode);\n } else {\n this.onSelect(treeNode);\n props.checkable && this.onCheck(treeNode);\n }\n }\n this.props.keyFun && this.props.keyFun(e, treeNode);\n // e.preventDefault();\n };\n\n Tree.prototype._focusDom = function _focusDom(selectKeyDomPos, targetDom) {\n var queryInfo = 'a[pos=\"' + selectKeyDomPos + '\"]';\n var parentEle = (0, _util.closest)(targetDom, \".u-tree\");\n var focusEle = parentEle ? parentEle.querySelector(queryInfo) : null;\n if (document.activeElement !== focusEle) {\n focusEle && focusEle.focus();\n }\n };\n\n /**\n * 此方法为了解决树快捷键，当有的元素隐藏，按tab键也要显示的问题\n * @param {*} e \n */\n\n\n Tree.prototype.onUlFocus = function onUlFocus(e) {\n var _this5 = this;\n\n var targetDom = e.target;\n\n // 如果当前tree节点不包括上一个焦点节点会触发此方法\n if (this.tree == targetDom && !this.isIn && !this.tree.contains(e.relatedTarget)) {\n var _props3 = this.props,\n onFocus = _props3.onFocus,\n children = _props3.children;\n var _state$selectedKeys = this.state.selectedKeys,\n selectedKeys = _state$selectedKeys === undefined ? [] : _state$selectedKeys;\n\n var tabIndexKey = selectedKeys[0];\n var isExist = false;\n var treeNode = children.length && children[0];\n var eventKey = treeNode.props.eventKey || treeNode.key;\n if (this.selectKeyDomExist && tabIndexKey || !tabIndexKey) {\n isExist = true;\n var queryInfo = 'a[pos=\"' + this.selectKeyDomPos + '\"]';\n var parentEle = (0, _util.closest)(e.target, \".u-tree\");\n var focusEle = parentEle ? parentEle.querySelector(queryInfo) : null;\n focusEle && focusEle.focus();\n // TAB键选中树后，默认聚焦在第一个（已选中）节点，并显示 focus 状态。\n this.setState({\n focusKey: tabIndexKey || eventKey\n });\n }\n var onFocusRes = onFocus && onFocus(isExist);\n if (onFocusRes instanceof Promise) {\n onFocusRes.then(function () {\n _this5._focusDom(_this5.selectKeyDomPos, targetDom);\n });\n } else {\n this._focusDom(this.selectKeyDomPos, targetDom);\n }\n }\n };\n\n Tree.prototype.onUlMouseEnter = function onUlMouseEnter(e) {\n this.isIn = true;\n // console.log('onUlMouseEnter----isIn-----',this.isIn);\n };\n\n Tree.prototype.onUlMouseLeave = function onUlMouseLeave(e) {\n this.isIn = false;\n // console.log('onUlMouseLeave----isIn-----',this.isIn);\n };\n\n Tree.prototype.getFilterExpandedKeys = function getFilterExpandedKeys(props, expandKeyProp, expandAll) {\n var keys = props[expandKeyProp];\n if (!expandAll && !props.autoExpandParent) {\n return keys || [];\n }\n var expandedPositionArr = [];\n if (props.autoExpandParent) {\n (0, _util.loopAllChildren)(props.children, function (item, index, pos, newKey) {\n if (keys.indexOf(newKey) > -1) {\n expandedPositionArr.push(pos);\n }\n });\n }\n var filterExpandedKeys = [];\n (0, _util.loopAllChildren)(props.children, function (item, index, pos, newKey) {\n if (expandAll) {\n filterExpandedKeys.push(newKey);\n } else if (props.autoExpandParent) {\n expandedPositionArr.forEach(function (p) {\n if ((p.split('-').length > pos.split('-').length && (0, _util.isInclude)(pos.split('-'), p.split('-')) || pos === p) && filterExpandedKeys.indexOf(newKey) === -1) {\n filterExpandedKeys.push(newKey);\n }\n });\n }\n });\n return filterExpandedKeys.length ? filterExpandedKeys : keys;\n };\n\n Tree.prototype.getDefaultExpandedKeys = function getDefaultExpandedKeys(props, willReceiveProps) {\n var expandedKeys = willReceiveProps ? undefined : this.getFilterExpandedKeys(props, 'defaultExpandedKeys', props.defaultExpandedKeys.length ? false : props.defaultExpandAll);\n if ('expandedKeys' in props) {\n expandedKeys = (props.autoExpandParent ? this.getFilterExpandedKeys(props, 'expandedKeys', false) : props.expandedKeys) || [];\n }\n return expandedKeys;\n };\n\n Tree.prototype.getDefaultCheckedKeys = function getDefaultCheckedKeys(props, willReceiveProps) {\n var checkedKeys = willReceiveProps ? undefined : props.defaultCheckedKeys;\n if ('checkedKeys' in props) {\n checkedKeys = props.checkedKeys || [];\n if (props.checkStrictly) {\n if (props.checkedKeys.checked) {\n checkedKeys = props.checkedKeys.checked;\n } else if (!Array.isArray(props.checkedKeys)) {\n checkedKeys = [];\n }\n }\n }\n return checkedKeys;\n };\n\n Tree.prototype.getDefaultSelectedKeys = function getDefaultSelectedKeys(props, willReceiveProps) {\n var getKeys = function getKeys(keys) {\n if (props.multiple) {\n return [].concat(_toConsumableArray(keys));\n }\n if (keys.length) {\n return [keys[0]];\n }\n return keys;\n };\n var selectedKeys = willReceiveProps ? undefined : getKeys(props.defaultSelectedKeys);\n if ('selectedKeys' in props) {\n selectedKeys = getKeys(props.selectedKeys);\n }\n return selectedKeys;\n };\n\n Tree.prototype.getRawExpandedKeys = function getRawExpandedKeys() {\n if (!this._rawExpandedKeys && 'expandedKeys' in this.props) {\n this._rawExpandedKeys = [].concat(_toConsumableArray(this.state.expandedKeys));\n }\n };\n\n Tree.prototype.getOpenTransitionName = function getOpenTransitionName() {\n var props = this.props;\n var transitionName = props.openTransitionName;\n var animationName = props.openAnimation;\n if (!transitionName && typeof animationName === 'string') {\n transitionName = props.prefixCls + '-open-' + animationName;\n }\n return transitionName;\n };\n\n Tree.prototype.getDragNodes = function getDragNodes(treeNode) {\n var dragNodesKeys = [];\n var tPArr = treeNode.props.pos.split('-');\n (0, _util.loopAllChildren)(this.props.children, function (item, index, pos, newKey) {\n var pArr = pos.split('-');\n if (treeNode.props.pos === pos || tPArr.length < pArr.length && (0, _util.isInclude)(tPArr, pArr)) {\n dragNodesKeys.push(newKey);\n }\n });\n return dragNodesKeys;\n };\n\n Tree.prototype.getExpandedKeys = function getExpandedKeys(treeNode, expand) {\n var key = treeNode.props.eventKey;\n var expandedKeys = this.state.expandedKeys;\n var expandedIndex = expandedKeys.indexOf(key);\n var exKeys = void 0;\n if (expandedIndex > -1 && !expand) {\n exKeys = [].concat(_toConsumableArray(expandedKeys));\n exKeys.splice(expandedIndex, 1);\n return exKeys;\n }\n if (expand && expandedKeys.indexOf(key) === -1) {\n return expandedKeys.concat([key]);\n }\n };\n\n Tree.prototype.filterTreeNode = function filterTreeNode(treeNode) {\n var filterTreeNode = this.props.filterTreeNode;\n if (typeof filterTreeNode !== 'function' || treeNode.props.disabled) {\n return false;\n }\n return filterTreeNode.call(this, treeNode);\n };\n\n /**\n * 将截取后的 List 数组转换为 Tree 结构，并更新 state\n */\n\n\n /**\n * 深度遍历 treeData，把Tree数据拍平，变为一维数组\n * @param {*} treeData \n * @param {*} parentKey 标识父节点\n * @param {*} isShown 该节点是否显示在页面中，当节点的父节点是展开状态 或 该节点是根节点时，该值为 true\n */\n\n\n /**\n * 根据 treeData 渲染树节点\n * @param data 树形结构的数组\n * @param preHeight 前置占位高度\n * @param sufHeight 后置占位高度\n */\n\n\n /**\n * @description 计算懒加载时的前置占位和后置占位\n * @param start {Number} 开始截取数据的位置\n * @param end {Number} 结束截取数据的位置\n * @return sumHeight {Number} 空白占位的高度\n */\n\n\n Tree.prototype.renderTreeNode = function renderTreeNode(child, index) {\n var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n\n var pos = level + '-' + index;\n var key = child.key || pos;\n\n var state = this.state;\n var props = this.props;\n var _state$selectedKeys2 = this.state.selectedKeys,\n selectedKeys = _state$selectedKeys2 === undefined ? [] : _state$selectedKeys2;\n\n var tabIndexKey = selectedKeys[0];\n if (tabIndexKey && key == tabIndexKey) {\n this.selectKeyDomExist = true;\n this.selectKeyDomPos = pos;\n }\n // prefer to child's own selectable property if passed\n var selectable = props.selectable;\n if (child.props.hasOwnProperty('selectable')) {\n selectable = child.props.selectable;\n }\n var draggable = props.draggable;\n if (child.props.hasOwnProperty('draggable')) {\n draggable = child.props.draggable;\n }\n var isLeaf = null;\n if (child.props.hasOwnProperty('isLeaf')) {\n isLeaf = child.props.isLeaf;\n }\n\n var cloneProps = {\n root: this,\n eventKey: key,\n pos: pos,\n selectable: selectable,\n loadData: props.loadData,\n onMouseEnter: props.onMouseEnter,\n onMouseLeave: props.onMouseLeave,\n onRightClick: props.onRightClick,\n onDoubleClick: props.onDoubleClick,\n onKeyDown: props.onKeyDown,\n prefixCls: props.prefixCls,\n showLine: props.showLine,\n showIcon: props.showIcon,\n draggable: draggable,\n dragOver: state.dragOverNodeKey === key && this.dropPosition === 0,\n dragOverGapTop: state.dragOverNodeKey === key && this.dropPosition === -1,\n dragOverGapBottom: state.dragOverNodeKey === key && this.dropPosition === 1,\n _dropTrigger: this._dropTrigger,\n expanded: state.expandedKeys.indexOf(key) !== -1,\n selected: state.selectedKeys.indexOf(key) !== -1,\n focused: state.focusKey === key,\n openTransitionName: this.getOpenTransitionName(),\n openAnimation: props.openAnimation,\n filterTreeNode: this.filterTreeNode.bind(this),\n openIcon: props.openIcon,\n closeIcon: props.closeIcon,\n focusable: props.focusable,\n tabIndexKey: state.selectedKeys[0],\n tabIndexValue: props.tabIndexValue,\n ext: child.props.ext,\n mustExpandable: props.mustExpandable,\n isLeaf: isLeaf\n };\n if (props.checkable) {\n cloneProps.checkable = props.checkable;\n if (props.checkStrictly) {\n if (state.checkedKeys) {\n cloneProps.checked = state.checkedKeys.indexOf(key) !== -1 || false;\n }\n if (props.checkedKeys && props.checkedKeys.halfChecked) {\n cloneProps.halfChecked = props.checkedKeys.halfChecked.indexOf(key) !== -1 || false;\n } else {\n cloneProps.halfChecked = false;\n }\n } else {\n if (this.checkedKeys) {\n cloneProps.checked = this.checkedKeys.indexOf(key) !== -1 || false;\n }\n cloneProps.halfChecked = this.halfCheckedKeys.indexOf(key) !== -1;\n }\n }\n if (this.treeNodesStates && this.treeNodesStates[pos]) {\n _extends(cloneProps, this.treeNodesStates[pos].siblingPosition);\n }\n return _react2[\"default\"].cloneElement(child, cloneProps);\n };\n\n Tree.prototype.render = function render() {\n var _this6 = this;\n\n var props = this.props;\n\n var _props4 = this.props,\n showLine = _props4.showLine,\n prefixCls = _props4.prefixCls,\n className = _props4.className,\n focusable = _props4.focusable,\n checkable = _props4.checkable,\n loadData = _props4.loadData,\n checkStrictly = _props4.checkStrictly,\n tabIndexValue = _props4.tabIndexValue,\n lazyLoad = _props4.lazyLoad,\n getScrollContainer = _props4.getScrollContainer,\n defaultExpandedKeys = _props4.defaultExpandedKeys,\n defaultSelectedKeys = _props4.defaultSelectedKeys,\n defaultCheckedKeys = _props4.defaultCheckedKeys,\n openAnimation = _props4.openAnimation,\n draggable = _props4.draggable,\n others = _objectWithoutProperties(_props4, ['showLine', 'prefixCls', 'className', 'focusable', 'checkable', 'loadData', 'checkStrictly', 'tabIndexValue', 'lazyLoad', 'getScrollContainer', 'defaultExpandedKeys', 'defaultSelectedKeys', 'defaultCheckedKeys', 'openAnimation', 'draggable']);\n\n var customProps = _extends({}, (0, _omit2[\"default\"])(others, ['showIcon', 'cancelUnSelect', 'onCheck', 'selectable', 'autoExpandParent', 'defaultExpandAll', 'onExpand', 'autoSelectWhenFocus', 'expandWhenDoubleClick', 'expandedKeys', 'keyFun', 'openIcon', 'closeIcon', 'treeData', 'checkedKeys', 'selectedKeys', 'renderTreeNodes', 'mustExpandable', 'onMouseEnter', 'onMouseLeave', 'onDoubleClick']));\n var _state = this.state,\n treeData = _state.treeData,\n flatTreeData = _state.flatTreeData;\n var startIndex = this.startIndex,\n endIndex = this.endIndex,\n preHeight = 0,\n sufHeight = 0,\n treeNode = [],\n treeChildren = props.children; //最终渲染在 Tree 标签中的子节点\n\n if (lazyLoad) {\n preHeight = this.getSumHeight(0, startIndex);\n sufHeight = this.getSumHeight(endIndex, flatTreeData.length);\n }\n if (!props.children && treeData) {\n //传入json数据\n treeNode = this.renderTreefromData(treeData);\n this.cacheTreeNodes = treeNode;\n treeChildren = treeNode;\n }\n var showLineCls = \"\";\n if (showLine) {\n showLineCls = prefixCls + '-show-line';\n }\n var domProps = {\n className: (0, _classnames2[\"default\"])(className, prefixCls, showLineCls),\n role: 'tree-node'\n };\n\n if (focusable) {\n domProps.onFocus = this.onUlFocus;\n domProps.onMouseEnter = this.onUlMouseEnter;\n domProps.onMouseLeave = this.onUlMouseLeave;\n }\n\n // if (props.focusable) {\n // // domProps.tabIndex = '0';//需求改成了默认选择第一个节点或者选中的节点\n // // domProps.onKeyDown = this.onKeyDown;//添加到具体的treeNode上了\n // }\n var getTreeNodesStates = function getTreeNodesStates() {\n _this6.treeNodesStates = {};\n (0, _util.loopAllChildren)(treeChildren, function (item, index, pos, keyOrPos, siblingPosition) {\n _this6.treeNodesStates[pos] = {\n siblingPosition: siblingPosition\n };\n });\n };\n if (showLine && !checkable) {\n getTreeNodesStates();\n }\n if (checkable && (this.checkedKeysChange || loadData || this.dataChange)) {\n if (checkStrictly) {\n getTreeNodesStates();\n } else if (props._treeNodesStates) {\n this.treeNodesStates = props._treeNodesStates.treeNodesStates;\n this.halfCheckedKeys = props._treeNodesStates.halfCheckedKeys;\n this.checkedKeys = props._treeNodesStates.checkedKeys;\n } else {\n var checkedKeys = this.state.checkedKeys;\n var checkKeys = void 0;\n if (!loadData && this.checkKeys && this._checkedKeys && (0, _util.arraysEqual)(this._checkedKeys, checkedKeys) && !this.dataChange) {\n // if checkedKeys the same as _checkedKeys from onCheck, use _checkedKeys.\n checkKeys = this.checkKeys;\n } else {\n var checkedPositions = [];\n this.treeNodesStates = {};\n (0, _util.loopAllChildren)(treeChildren, function (item, index, pos, keyOrPos, siblingPosition) {\n _this6.treeNodesStates[pos] = {\n node: item,\n key: keyOrPos,\n checked: false,\n halfChecked: false,\n siblingPosition: siblingPosition\n };\n if (checkedKeys.indexOf(keyOrPos) !== -1) {\n _this6.treeNodesStates[pos].checked = true;\n checkedPositions.push(pos);\n }\n });\n // if the parent node's key exists, it all children node will be checked\n (0, _util.handleCheckState)(this.treeNodesStates, (0, _util.filterParentPosition)(checkedPositions), true);\n checkKeys = (0, _util.getCheck)(this.treeNodesStates);\n }\n this.halfCheckedKeys = checkKeys.halfCheckedKeys;\n this.checkedKeys = checkKeys.checkedKeys;\n }\n }\n this.selectKeyDomExist = false;\n return lazyLoad ? _react2[\"default\"].createElement(\n _infiniteScroll2[\"default\"],\n {\n className: 'u-tree-infinite-scroll',\n treeList: flatTreeData,\n handleTreeListChange: this.handleTreeListChange,\n getScrollParent: getScrollContainer,\n store: this.store\n },\n _react2[\"default\"].createElement(\n 'ul',\n _extends({}, domProps, { unselectable: 'true', ref: function ref(el) {\n _this6.tree = el;\n }, tabIndex: focusable && tabIndexValue }, customProps),\n _react2[\"default\"].createElement('li', { style: { height: preHeight }, className: 'u-treenode-start', key: 'tree_node_start' }),\n _react2[\"default\"].Children.map(treeChildren, this.renderTreeNode, this),\n _react2[\"default\"].createElement('li', { style: { height: sufHeight }, className: 'u-treenode-end', key: 'tree_node_end' })\n )\n ) : _react2[\"default\"].createElement(\n 'ul',\n _extends({}, domProps, { unselectable: 'true', ref: function ref(el) {\n _this6.tree = el;\n }, tabIndex: focusable && tabIndexValue }, customProps),\n _react2[\"default\"].Children.map(treeChildren, this.renderTreeNode, this)\n );\n };\n\n return Tree;\n}(_react2[\"default\"].Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this7 = this;\n\n this.hasTreeNode = function () {\n var _props5 = _this7.props,\n children = _props5.children,\n treeData = _props5.treeData;\n\n var noTreeNode = typeof children === 'undefined' || (typeof children === 'undefined' ? 'undefined' : _typeof(children)) === 'object' && children.length === 0 || (typeof treeData === 'undefined' ? 'undefined' : _typeof(treeData)) === 'object' && treeData.length === 0;\n return !noTreeNode;\n };\n\n this.handleTreeListChange = function (treeList, startIndex, endIndex) {\n // 属性配置设置\n var attr = {\n id: 'key',\n parendId: 'parentKey',\n name: 'title',\n rootId: null,\n isLeaf: 'isLeaf'\n };\n var treeData = (0, _util.convertListToTree)(treeList, attr, _this7.flatTreeKeysMap);\n\n _this7.startIndex = typeof startIndex !== \"undefined\" ? startIndex : _this7.startIndex;\n _this7.endIndex = typeof endIndex !== \"undefined\" ? endIndex : _this7.endIndex;\n _this7.setState({\n treeData: treeData\n });\n };\n\n this.deepTraversal = function (treeData) {\n var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n var isShown = arguments[2];\n var expandedKeys = _this7.state.expandedKeys,\n expandedKeysSet = _this7.cacheExpandedKeys ? _this7.cacheExpandedKeys : new Set(expandedKeys),\n flatTreeData = [],\n flatTreeKeysMap = _this7.flatTreeKeysMap,\n dataCopy = treeData;\n\n if (Array.isArray(dataCopy)) {\n for (var i = 0, l = dataCopy.length; i < l; i++) {\n var _dataCopy$i = dataCopy[i],\n key = _dataCopy$i.key,\n title = _dataCopy$i.title,\n children = _dataCopy$i.children,\n props = _objectWithoutProperties(_dataCopy$i, ['key', 'title', 'children']),\n dataCopyI = new Object(),\n isLeaf = children ? false : true;\n //如果父节点是收起状态，则子节点的展开状态无意义。（一级节点或根节点直接判断自身状态即可）\n\n\n var isExpanded = parentKey === null || expandedKeysSet.has(parentKey) ? expandedKeysSet.has(key) : false;\n dataCopyI = _extends(dataCopyI, {\n key: key,\n title: title,\n isExpanded: isExpanded,\n parentKey: parentKey || null,\n isShown: isShown,\n isLeaf: isLeaf\n }, _extends({}, props));\n //该节点的父节点是展开状态 或 该节点是根节点\n if (isShown || parentKey === null) {\n flatTreeData.push(dataCopyI); // 取每项数据放入一个新数组\n flatTreeKeysMap[key] = dataCopyI;\n }\n if (Array.isArray(children) && children.length > 0) {\n // 若存在children则递归调用，把数据拼接到新数组中，并且删除该children\n flatTreeData = flatTreeData.concat(_this7.deepTraversal(children, key, isExpanded));\n }\n }\n }\n return flatTreeData;\n };\n\n this.renderTreefromData = function (data) {\n var _props6 = _this7.props,\n renderTitle = _props6.renderTitle,\n renderTreeNodes = _props6.renderTreeNodes;\n\n if (renderTreeNodes) {\n return renderTreeNodes(data);\n }\n var loop = function loop(data) {\n return data.map(function (item) {\n if (item.children) {\n return _react2[\"default\"].createElement(\n _TreeNode2[\"default\"],\n { key: item.key, title: renderTitle ? renderTitle(item) : item.key, isLeaf: item.isLeaf },\n loop(item.children)\n );\n }\n return _react2[\"default\"].createElement(_TreeNode2[\"default\"], { key: item.key, title: renderTitle ? renderTitle(item) : item.key, isLeaf: true });\n });\n };\n return loop(data);\n };\n\n this.getSumHeight = function (start, end) {\n var sumHeight = 0;\n if (start > end) {\n return sumHeight;\n }\n var span = Math.abs(end - start);\n if (span) {\n sumHeight = span * _this7.store.getState().rowHeight;\n }\n return sumHeight;\n };\n};\n\nTree.propTypes = {\n prefixCls: _propTypes2[\"default\"].string,\n children: _propTypes2[\"default\"].any,\n showLine: _propTypes2[\"default\"].bool,\n showIcon: _propTypes2[\"default\"].bool,\n selectable: _propTypes2[\"default\"].bool,\n multiple: _propTypes2[\"default\"].bool,\n checkable: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].node]),\n _treeNodesStates: _propTypes2[\"default\"].object,\n checkStrictly: _propTypes2[\"default\"].bool,\n draggable: _propTypes2[\"default\"].bool,\n autoExpandParent: _propTypes2[\"default\"].bool,\n defaultExpandAll: _propTypes2[\"default\"].bool,\n defaultExpandedKeys: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string),\n expandedKeys: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string),\n defaultCheckedKeys: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string),\n checkedKeys: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string), _propTypes2[\"default\"].object]),\n defaultSelectedKeys: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string),\n selectedKeys: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].string),\n onExpand: _propTypes2[\"default\"].func,\n onCheck: _propTypes2[\"default\"].func,\n onSelect: _propTypes2[\"default\"].func,\n loadData: _propTypes2[\"default\"].func,\n onMouseEnter: _propTypes2[\"default\"].func,\n onMouseLeave: _propTypes2[\"default\"].func,\n onRightClick: _propTypes2[\"default\"].func,\n onDragStart: _propTypes2[\"default\"].func,\n onDragEnter: _propTypes2[\"default\"].func,\n onDragOver: _propTypes2[\"default\"].func,\n onDragLeave: _propTypes2[\"default\"].func,\n onDrop: _propTypes2[\"default\"].func,\n onDragEnd: _propTypes2[\"default\"].func,\n filterTreeNode: _propTypes2[\"default\"].func,\n openTransitionName: _propTypes2[\"default\"].string,\n focusable: _propTypes2[\"default\"].bool,\n openAnimation: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].object]),\n lazyLoad: _propTypes2[\"default\"].bool,\n treeData: _propTypes2[\"default\"].array,\n renderTreeNodes: _propTypes2[\"default\"].func,\n autoSelectWhenFocus: _propTypes2[\"default\"].bool,\n getScrollContainer: _propTypes2[\"default\"].func,\n expandWhenDoubleClick: _propTypes2[\"default\"].bool\n};\n\nTree.defaultProps = {\n prefixCls: 'rc-tree',\n showLine: false,\n showIcon: true,\n selectable: true,\n multiple: false,\n checkable: false,\n checkStrictly: false,\n draggable: false,\n autoExpandParent: true,\n defaultExpandAll: false,\n defaultExpandedKeys: [],\n defaultCheckedKeys: [],\n defaultSelectedKeys: [],\n onExpand: noop,\n onCheck: noop,\n onSelect: noop,\n onDragStart: noop,\n onDragEnter: noop,\n onDragOver: noop,\n onDragLeave: noop,\n onDrop: noop,\n onDragEnd: noop,\n tabIndexValue: 0,\n lazyLoad: false,\n autoSelectWhenFocus: false,\n getScrollContainer: noop,\n expandWhenDoubleClick: false\n};\n\nexports[\"default\"] = Tree;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 906 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _util = __webpack_require__(145);\n\nvar _config = __webpack_require__(393);\n\nvar _config2 = _interopRequireDefault(_config);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * 处理滚动加载逻辑\n */\n\n\nvar InfiniteScroll = function (_Component) {\n _inherits(InfiniteScroll, _Component);\n\n function InfiniteScroll(props) {\n _classCallCheck(this, InfiniteScroll);\n\n //默认显示20条，rowsInView根据定高算的。在非固定高下，这个只是一个大概的值。\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.eventListenerOptions = function () {\n var options = _this.props.useCapture;\n\n if (_this.isPassiveSupported()) {\n options = {\n useCapture: _this.props.useCapture,\n passive: true\n };\n }\n return options;\n };\n\n _this.mousewheelListener = function (e) {\n // Prevents Chrome hangups\n // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257\n if (e.deltaY === 1 && !_this.isPassiveSupported()) {\n e.preventDefault();\n }\n };\n\n _this.scrollListener = function () {\n var el = _this.scrollComponent;\n\n var parentNode = _this.getParentElement(el);\n\n _this.scrollTop = parentNode.scrollTop;\n (0, _util.throttle)(_this.handleScrollY, 500)();\n };\n\n _this.handleScrollY = function () {\n var rowHeight = _this.props.store.getState().rowHeight;\n //默认显示20条，rowsInView根据定高算的。在非固定高下，这个只是一个大概的值。\n _this.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : _config2[\"default\"].defaultRowsInView;\n\n var currentIndex = _this.currentIndex,\n startIndex = _this.startIndex,\n endIndex = _this.endIndex,\n treeList = _this.treeList,\n loadCount = _this.loadCount,\n rowsInView = _this.rowsInView;\n\n var index = 0;\n var tempScrollTop = _this.scrollTop;\n //根据 scrollTop 计算 currentIndex\n while (tempScrollTop > 0) {\n tempScrollTop -= rowHeight;\n if (tempScrollTop > 0) {\n index += 1;\n }\n }\n\n //true 为向下滚动， false 为向上滚动\n var isScrollDown = index - currentIndex > 0 ? true : false;\n\n if (index < 0) index = 0;\n //如果之前的索引和下一次的不一样则重置索引和滚动的位置\n _this.currentIndex = currentIndex !== index ? index : currentIndex;\n\n // 如果rowsInView 小于 缓存的数据则重新render\n // 向下滚动 下临界值超出缓存的endIndex则重新渲染\n if (isScrollDown && rowsInView + index > endIndex - _config2[\"default\"].rowDiff) {\n startIndex = index - _config2[\"default\"].loadBuffer > 0 ? index - _config2[\"default\"].loadBuffer : 0;\n endIndex = startIndex + loadCount;\n if (endIndex > treeList.length) {\n endIndex = treeList.length;\n }\n if (endIndex > _this.endIndex) {\n _this.startIndex = startIndex;\n _this.endIndex = endIndex;\n _this.sliceTreeList(_this.startIndex, _this.endIndex);\n }\n }\n // 向上滚动，当前的index是否已经加载（currentIndex），若干上临界值小于startIndex则重新渲染\n if (!isScrollDown && index < startIndex + _config2[\"default\"].rowDiff) {\n startIndex = index - _config2[\"default\"].loadBuffer;\n if (startIndex < 0) {\n startIndex = 0;\n }\n if (startIndex <= _this.startIndex) {\n _this.startIndex = startIndex;\n _this.endIndex = _this.startIndex + loadCount;\n _this.sliceTreeList(_this.startIndex, _this.endIndex);\n }\n }\n };\n\n _this.sliceTreeList = function (startIndex, endIndex) {\n var newTreeList = []; //存储截取后的新数据\n // console.log(\n // \"**startIndex**\" + startIndex,\n // \"**endIndex**\" + endIndex\n // );\n newTreeList = _this.treeList.slice(startIndex, endIndex);\n // console.log(JSON.stringify(newTreeList))\n _this.props.handleTreeListChange && _this.props.handleTreeListChange(newTreeList, startIndex, endIndex);\n };\n\n _this.rowsInView = _config2[\"default\"].defaultRowsInView;\n //一维数组\n _this.treeList = props.treeList;\n //一次加载多少数据\n _this.loadCount = _config2[\"default\"].loadBuffer ? _this.rowsInView + _config2[\"default\"].loadBuffer * 2 : 16;\n //可视区第一条数据的 index\n _this.currentIndex = 0;\n _this.startIndex = _this.currentIndex; //数据开始位置\n _this.endIndex = _this.currentIndex + _this.loadCount; //数据结束位置\n return _this;\n }\n\n InfiniteScroll.prototype.componentDidMount = function componentDidMount() {\n this.options = this.eventListenerOptions();\n this.attachScrollListener();\n };\n\n InfiniteScroll.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var newTreeList = nextProps.treeList;\n var oldTreeList = this.props.treeList;\n\n if (newTreeList !== oldTreeList) {\n this.treeList = newTreeList;\n this.handleScrollY();\n }\n };\n\n InfiniteScroll.prototype.componentWillUnmount = function componentWillUnmount() {\n this.detachScrollListener();\n this.detachMousewheelListener();\n };\n\n InfiniteScroll.prototype.isPassiveSupported = function isPassiveSupported() {\n var passive = false;\n\n var testOptions = {\n get passive() {\n passive = true;\n }\n };\n\n try {\n document.addEventListener('test', null, testOptions);\n document.removeEventListener('test', null, testOptions);\n } catch (e) {\n // ignore\n }\n return passive;\n };\n\n /**\n * 解除mousewheel事件监听\n */\n InfiniteScroll.prototype.detachMousewheelListener = function detachMousewheelListener() {\n var scrollEl = window;\n if (this.props.useWindow === false) {\n scrollEl = this.scrollComponent.parentNode;\n }\n\n scrollEl.removeEventListener('mousewheel', this.mousewheelListener, this.options ? this.options : this.props.useCapture);\n };\n /**\n * 解除scroll事件监听\n */\n\n\n InfiniteScroll.prototype.detachScrollListener = function detachScrollListener() {\n var scrollEl = window;\n if (this.props.useWindow === false) {\n scrollEl = this.getParentElement(this.scrollComponent);\n }\n\n scrollEl.removeEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);\n scrollEl.removeEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);\n };\n /**\n * 获取父组件(用户自定义父组件或者当前dom的parentNode)\n * @param {*} el \n */\n\n\n InfiniteScroll.prototype.getParentElement = function getParentElement(el) {\n var scrollParent = this.props.getScrollParent && this.props.getScrollParent();\n if (scrollParent != null) {\n return scrollParent;\n }\n return el && el.parentNode;\n };\n\n InfiniteScroll.prototype.filterProps = function filterProps(props) {\n return props;\n };\n /**\n * 绑定scroll事件\n */\n\n\n InfiniteScroll.prototype.attachScrollListener = function attachScrollListener() {\n var store = this.props.store;\n\n var parentElement = this.getParentElement(this.scrollComponent);\n if (!parentElement) {\n return;\n }\n var scrollEl = parentElement;\n var scrollY = scrollEl && scrollEl.clientHeight;\n\n var rowHeight = store.getState().rowHeight;\n //默认显示20条，rowsInView根据定高算的。在非固定高下，这个只是一个大概的值。\n this.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : _config2[\"default\"].defaultRowsInView;\n\n scrollEl.addEventListener('scroll', this.scrollListener, this.options ? this.options : this.props.useCapture);\n scrollEl.addEventListener('resize', this.scrollListener, this.options ? this.options : this.props.useCapture);\n };\n /**\n * 滚动事件监听\n */\n\n\n /**\n * @description 根据返回的scrollTop计算当前的索引。\n */\n\n\n /**\n * 根据 startIndex 和 endIndex 截取数据\n * @param startIndex\n * @param endIndex\n */\n\n\n InfiniteScroll.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n children = _props.children,\n element = _props.element,\n ref = _props.ref,\n getScrollParent = _props.getScrollParent,\n treeList = _props.treeList,\n handleTreeListChange = _props.handleTreeListChange,\n store = _props.store,\n props = _objectWithoutProperties(_props, ['children', 'element', 'ref', 'getScrollParent', 'treeList', 'handleTreeListChange', 'store']);\n\n props.ref = function (node) {\n _this2.scrollComponent = node;\n if (ref) {\n ref(node);\n }\n };\n\n var childrenArray = [children];\n\n return _react2[\"default\"].createElement(element, props, childrenArray);\n };\n\n return InfiniteScroll;\n}(_react.Component);\n\nInfiniteScroll.propTypes = {\n children: _propTypes2[\"default\"].node.isRequired,\n element: _propTypes2[\"default\"].node,\n ref: _propTypes2[\"default\"].func,\n getScrollParent: _propTypes2[\"default\"].func,\n treeList: _propTypes2[\"default\"].array,\n handleTreeListChange: _propTypes2[\"default\"].func\n};\nInfiniteScroll.defaultProps = {\n element: 'div',\n ref: null,\n getScrollParent: null,\n treeList: [],\n handleTreeListChange: function handleTreeListChange() {}\n};\nexports[\"default\"] = InfiniteScroll;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 907 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports[\"default\"] = createStore;\nfunction createStore(initialState) {\n var state = initialState;\n var listeners = [];\n\n function setState(partial) {\n state = _extends({}, state, partial);\n for (var i = 0; i < listeners.length; i++) {\n listeners[i]();\n }\n }\n\n function getState() {\n return state;\n }\n\n function subscribe(listener) {\n listeners.push(listener);\n\n return function unsubscribe() {\n var index = listeners.indexOf(listener);\n listeners.splice(index, 1);\n };\n }\n\n return {\n setState: setState,\n getState: getState,\n subscribe: subscribe\n };\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 908 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction animate(node, show, done) {\n var height = void 0;\n return (0, _tinperBeeCore.cssAnimation)(node, 'u-motion-collapse', {\n start: function start() {\n if (!show) {\n node.style.height = node.offsetHeight + 'px';\n } else {\n height = node.offsetHeight;\n node.style.height = 0;\n }\n },\n active: function active() {\n node.style.height = (show ? height : 0) + 'px';\n },\n end: function end() {\n node.style.height = '';\n done();\n }\n });\n}\n\nvar animation = {\n enter: function enter(node, done) {\n return animate(node, true, done);\n },\n leave: function leave(node, done) {\n return animate(node, false, done);\n },\n appear: function appear(node, done) {\n return animate(node, true, done);\n }\n};\n\nexports[\"default\"] = animation;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 909 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(910);\nmodule.exports = __webpack_require__(911);\n\n\n/***/ }),\n/* 910 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 911 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Clipboard = __webpack_require__(912);\n\nvar _Clipboard2 = _interopRequireDefault(_Clipboard);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Clipboard2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 912 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _clipboard = __webpack_require__(913);\n\nvar _clipboard2 = _interopRequireDefault(_clipboard);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _beeTooltip = __webpack_require__(82);\n\nvar _beeTooltip2 = _interopRequireDefault(_beeTooltip);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _tool = __webpack_require__(188);\n\nvar _i18n = __webpack_require__(921);\n\nvar _i18n2 = _interopRequireDefault(_i18n);\n\nvar _beeModal = __webpack_require__(85);\n\nvar _beeModal2 = _interopRequireDefault(_beeModal);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\n//text和target都写的时候，target无效。 text的cut改为copy。\n// target可以传css3选择器\nvar propTypes = {\n action: _propTypes2[\"default\"].oneOf(['copy', 'cut', null]),\n text: _propTypes2[\"default\"].string,\n success: _propTypes2[\"default\"].func,\n error: _propTypes2[\"default\"].func,\n locale: _propTypes2[\"default\"].object\n};\nvar defaultProps = {\n action: 'copy',\n text: '',\n target: '',\n success: function success() {},\n error: function error() {},\n locale: {}\n};\n\nvar Clipboard = function (_Component) {\n _inherits(Clipboard, _Component);\n\n function Clipboard(props, context) {\n _classCallCheck(this, Clipboard);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _this.blur = function () {\n _this.setState({\n currect: false,\n ready: false\n });\n };\n\n _this.close = function () {\n _this.setState({\n modalShow: false\n });\n };\n\n _this.state = {\n currect: false,\n html: '',\n ready: false,\n id: 'id' + Math.round(Math.random() * 1000 + 1) + new Date().getTime(),\n modalShow: false\n };\n return _this;\n }\n\n Clipboard.prototype.componentWillMount = function componentWillMount() {\n var self = this;\n var _props = this.props,\n success = _props.success,\n error = _props.error;\n\n\n var id = this.state.id;\n var cb = new _clipboard2[\"default\"]('#' + id);\n cb.on('success', function (e) {\n self.setState({\n currect: true,\n ready: true\n });\n e.clearSelection();\n if (success instanceof Function) success();\n });\n cb.on('error', function (e) {\n self.setState({\n modalShow: true,\n html: e.text\n });\n _reactDom2[\"default\"].findDOMNode(self.refs.text).select();\n if (error instanceof Function) error();\n });\n };\n\n Clipboard.prototype.render = function render() {\n var _props2 = this.props,\n action = _props2.action,\n text = _props2.text,\n target = _props2.target;\n\n if (text) action = 'copy';\n\n var locale = (0, _tool.getComponentLocale)(this.props, this.context, 'Clipboard', function () {\n return _i18n2[\"default\"];\n });\n var tootipContent = locale[action];\n if (this.state.ready) {\n tootipContent = locale[action + 'Ready'];\n }\n\n return _react2[\"default\"].createElement(\n _beeTooltip2[\"default\"],\n { className: 'u-clipboard-tooltip',\n positionTop: '20px',\n overlay: tootipContent,\n placement: 'top' },\n _react2[\"default\"].createElement(\n 'span',\n {\n onMouseOut: this.blur,\n className: 'u-clipboard',\n id: this.state.id,\n 'data-clipboard-action': action,\n 'data-clipboard-target': target,\n 'data-clipboard-text': text },\n this.props.children ? this.props.children : _react2[\"default\"].createElement(_beeIcon2[\"default\"], {\n className: (0, _classnames2[\"default\"])({\n 'uf-correct': this.state.currect,\n 'uf-copy': !this.state.currect\n })\n }),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"],\n { show: this.state.modalShow, onHide: this.close },\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Header,\n { closeButton: true },\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Title,\n null,\n ' Ctrl+C ',\n locale['copyToClipboard'],\n ' '\n )\n ),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Body,\n null,\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], { ref: 'text', type: 'text', readOnly: true, value: this.state.html })\n ),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Footer,\n null,\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { onClick: this.close },\n ' ',\n locale['close'],\n ' '\n )\n )\n )\n )\n );\n };\n\n return Clipboard;\n}(_react.Component);\n\n;\nClipboard.propTypes = propTypes;\nClipboard.defaultProps = defaultProps;\nexports[\"default\"] = Clipboard;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 913 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {\n if (true) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(914), __webpack_require__(916), __webpack_require__(917)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else if (typeof exports !== \"undefined\") {\n factory(module, require('./clipboard-action'), require('tiny-emitter'), require('good-listener'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod, global.clipboardAction, global.tinyEmitter, global.goodListener);\n global.clipboard = mod.exports;\n }\n})(this, function (module, _clipboardAction, _tinyEmitter, _goodListener) {\n 'use strict';\n\n var _clipboardAction2 = _interopRequireDefault(_clipboardAction);\n\n var _tinyEmitter2 = _interopRequireDefault(_tinyEmitter);\n\n var _goodListener2 = _interopRequireDefault(_goodListener);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n var _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n function _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n }\n\n function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n }\n\n var Clipboard = function (_Emitter) {\n _inherits(Clipboard, _Emitter);\n\n /**\n * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n * @param {Object} options\n */\n function Clipboard(trigger, options) {\n _classCallCheck(this, Clipboard);\n\n var _this = _possibleConstructorReturn(this, (Clipboard.__proto__ || Object.getPrototypeOf(Clipboard)).call(this));\n\n _this.resolveOptions(options);\n _this.listenClick(trigger);\n return _this;\n }\n\n /**\n * Defines if attributes would be resolved using internal setter functions\n * or custom functions that were passed in the constructor.\n * @param {Object} options\n */\n\n\n _createClass(Clipboard, [{\n key: 'resolveOptions',\n value: function resolveOptions() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n this.container = _typeof(options.container) === 'object' ? options.container : document.body;\n }\n }, {\n key: 'listenClick',\n value: function listenClick(trigger) {\n var _this2 = this;\n\n this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) {\n return _this2.onClick(e);\n });\n }\n }, {\n key: 'onClick',\n value: function onClick(e) {\n var trigger = e.delegateTarget || e.currentTarget;\n\n if (this.clipboardAction) {\n this.clipboardAction = null;\n }\n\n this.clipboardAction = new _clipboardAction2.default({\n action: this.action(trigger),\n target: this.target(trigger),\n text: this.text(trigger),\n container: this.container,\n trigger: trigger,\n emitter: this\n });\n }\n }, {\n key: 'defaultAction',\n value: function defaultAction(trigger) {\n return getAttributeValue('action', trigger);\n }\n }, {\n key: 'defaultTarget',\n value: function defaultTarget(trigger) {\n var selector = getAttributeValue('target', trigger);\n\n if (selector) {\n return document.querySelector(selector);\n }\n }\n }, {\n key: 'defaultText',\n value: function defaultText(trigger) {\n return getAttributeValue('text', trigger);\n }\n }, {\n key: 'destroy',\n value: function destroy() {\n this.listener.destroy();\n\n if (this.clipboardAction) {\n this.clipboardAction.destroy();\n this.clipboardAction = null;\n }\n }\n }], [{\n key: 'isSupported',\n value: function isSupported() {\n var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n\n var actions = typeof action === 'string' ? [action] : action;\n var support = !!document.queryCommandSupported;\n\n actions.forEach(function (action) {\n support = support && !!document.queryCommandSupported(action);\n });\n\n return support;\n }\n }]);\n\n return Clipboard;\n }(_tinyEmitter2.default);\n\n /**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n function getAttributeValue(suffix, element) {\n var attribute = 'data-clipboard-' + suffix;\n\n if (!element.hasAttribute(attribute)) {\n return;\n }\n\n return element.getAttribute(attribute);\n }\n\n module.exports = Clipboard;\n});\n\n/***/ }),\n/* 914 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (global, factory) {\n if (true) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, __webpack_require__(915)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else if (typeof exports !== \"undefined\") {\n factory(module, require('select'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod, global.select);\n global.clipboardAction = mod.exports;\n }\n})(this, function (module, _select) {\n 'use strict';\n\n var _select2 = _interopRequireDefault(_select);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n var _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n var ClipboardAction = function () {\n /**\n * @param {Object} options\n */\n function ClipboardAction(options) {\n _classCallCheck(this, ClipboardAction);\n\n this.resolveOptions(options);\n this.initSelection();\n }\n\n /**\n * Defines base properties passed from constructor.\n * @param {Object} options\n */\n\n\n _createClass(ClipboardAction, [{\n key: 'resolveOptions',\n value: function resolveOptions() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n this.action = options.action;\n this.container = options.container;\n this.emitter = options.emitter;\n this.target = options.target;\n this.text = options.text;\n this.trigger = options.trigger;\n\n this.selectedText = '';\n }\n }, {\n key: 'initSelection',\n value: function initSelection() {\n if (this.text) {\n this.selectFake();\n } else if (this.target) {\n this.selectTarget();\n }\n }\n }, {\n key: 'selectFake',\n value: function selectFake() {\n var _this = this;\n\n var isRTL = document.documentElement.getAttribute('dir') == 'rtl';\n\n this.removeFake();\n\n this.fakeHandlerCallback = function () {\n return _this.removeFake();\n };\n this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || true;\n\n this.fakeElem = document.createElement('textarea');\n // Prevent zooming on iOS\n this.fakeElem.style.fontSize = '12pt';\n // Reset box model\n this.fakeElem.style.border = '0';\n this.fakeElem.style.padding = '0';\n this.fakeElem.style.margin = '0';\n // Move element out of screen horizontally\n this.fakeElem.style.position = 'absolute';\n this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px';\n // Move element to the same position vertically\n var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n this.fakeElem.style.top = yPosition + 'px';\n\n this.fakeElem.setAttribute('readonly', '');\n this.fakeElem.value = this.text;\n\n this.container.appendChild(this.fakeElem);\n\n this.selectedText = (0, _select2.default)(this.fakeElem);\n this.copyText();\n }\n }, {\n key: 'removeFake',\n value: function removeFake() {\n if (this.fakeHandler) {\n this.container.removeEventListener('click', this.fakeHandlerCallback);\n this.fakeHandler = null;\n this.fakeHandlerCallback = null;\n }\n\n if (this.fakeElem) {\n this.container.removeChild(this.fakeElem);\n this.fakeElem = null;\n }\n }\n }, {\n key: 'selectTarget',\n value: function selectTarget() {\n this.selectedText = (0, _select2.default)(this.target);\n this.copyText();\n }\n }, {\n key: 'copyText',\n value: function copyText() {\n var succeeded = void 0;\n\n try {\n succeeded = document.execCommand(this.action);\n } catch (err) {\n succeeded = false;\n }\n\n this.handleResult(succeeded);\n }\n }, {\n key: 'handleResult',\n value: function handleResult(succeeded) {\n this.emitter.emit(succeeded ? 'success' : 'error', {\n action: this.action,\n text: this.selectedText,\n trigger: this.trigger,\n clearSelection: this.clearSelection.bind(this)\n });\n }\n }, {\n key: 'clearSelection',\n value: function clearSelection() {\n if (this.trigger) {\n this.trigger.focus();\n }\n\n window.getSelection().removeAllRanges();\n }\n }, {\n key: 'destroy',\n value: function destroy() {\n this.removeFake();\n }\n }, {\n key: 'action',\n set: function set() {\n var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'copy';\n\n this._action = action;\n\n if (this._action !== 'copy' && this._action !== 'cut') {\n throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n }\n },\n get: function get() {\n return this._action;\n }\n }, {\n key: 'target',\n set: function set(target) {\n if (target !== undefined) {\n if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object' && target.nodeType === 1) {\n if (this.action === 'copy' && target.hasAttribute('disabled')) {\n throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n }\n\n if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n }\n\n this._target = target;\n } else {\n throw new Error('Invalid \"target\" value, use a valid Element');\n }\n }\n },\n get: function get() {\n return this._target;\n }\n }]);\n\n return ClipboardAction;\n }();\n\n module.exports = ClipboardAction;\n});\n\n/***/ }),\n/* 915 */\n/***/ (function(module, exports) {\n\nfunction select(element) {\n var selectedText;\n\n if (element.nodeName === 'SELECT') {\n element.focus();\n\n selectedText = element.value;\n }\n else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n var isReadOnly = element.hasAttribute('readonly');\n\n if (!isReadOnly) {\n element.setAttribute('readonly', '');\n }\n\n element.select();\n element.setSelectionRange(0, element.value.length);\n\n if (!isReadOnly) {\n element.removeAttribute('readonly');\n }\n\n selectedText = element.value;\n }\n else {\n if (element.hasAttribute('contenteditable')) {\n element.focus();\n }\n\n var selection = window.getSelection();\n var range = document.createRange();\n\n range.selectNodeContents(element);\n selection.removeAllRanges();\n selection.addRange(range);\n\n selectedText = selection.toString();\n }\n\n return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n/* 916 */\n/***/ (function(module, exports) {\n\nfunction E () {\n // Keep this empty so it's easier to inherit from\n // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n on: function (name, callback, ctx) {\n var e = this.e || (this.e = {});\n\n (e[name] || (e[name] = [])).push({\n fn: callback,\n ctx: ctx\n });\n\n return this;\n },\n\n once: function (name, callback, ctx) {\n var self = this;\n function listener () {\n self.off(name, listener);\n callback.apply(ctx, arguments);\n };\n\n listener._ = callback\n return this.on(name, listener, ctx);\n },\n\n emit: function (name) {\n var data = [].slice.call(arguments, 1);\n var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n var i = 0;\n var len = evtArr.length;\n\n for (i; i < len; i++) {\n evtArr[i].fn.apply(evtArr[i].ctx, data);\n }\n\n return this;\n },\n\n off: function (name, callback) {\n var e = this.e || (this.e = {});\n var evts = e[name];\n var liveEvents = [];\n\n if (evts && callback) {\n for (var i = 0, len = evts.length; i < len; i++) {\n if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n liveEvents.push(evts[i]);\n }\n }\n\n // Remove event from queue to prevent memory leak\n // Suggested by https://github.com/lazd\n // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n (liveEvents.length)\n ? e[name] = liveEvents\n : delete e[name];\n\n return this;\n }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ }),\n/* 917 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar is = __webpack_require__(918);\nvar delegate = __webpack_require__(919);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n if (!target && !type && !callback) {\n throw new Error('Missing required arguments');\n }\n\n if (!is.string(type)) {\n throw new TypeError('Second argument must be a String');\n }\n\n if (!is.fn(callback)) {\n throw new TypeError('Third argument must be a Function');\n }\n\n if (is.node(target)) {\n return listenNode(target, type, callback);\n }\n else if (is.nodeList(target)) {\n return listenNodeList(target, type, callback);\n }\n else if (is.string(target)) {\n return listenSelector(target, type, callback);\n }\n else {\n throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n node.addEventListener(type, callback);\n\n return {\n destroy: function() {\n node.removeEventListener(type, callback);\n }\n }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.addEventListener(type, callback);\n });\n\n return {\n destroy: function() {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.removeEventListener(type, callback);\n });\n }\n }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n/* 918 */\n/***/ (function(module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n return value !== undefined\n && value instanceof HTMLElement\n && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return value !== undefined\n && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n && ('length' in value)\n && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n return typeof value === 'string'\n || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return type === '[object Function]';\n};\n\n\n/***/ }),\n/* 919 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar closest = __webpack_require__(920);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n var listenerFn = listener.apply(this, arguments);\n\n element.addEventListener(type, listenerFn, useCapture);\n\n return {\n destroy: function() {\n element.removeEventListener(type, listenerFn, useCapture);\n }\n }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n // Handle the regular Element usage\n if (typeof elements.addEventListener === 'function') {\n return _delegate.apply(null, arguments);\n }\n\n // Handle Element-less usage, it defaults to global delegation\n if (typeof type === 'function') {\n // Use `document` as the first parameter, then apply arguments\n // This is a short way to .unshift `arguments` without running into deoptimizations\n return _delegate.bind(null, document).apply(null, arguments);\n }\n\n // Handle Selector-based usage\n if (typeof elements === 'string') {\n elements = document.querySelectorAll(elements);\n }\n\n // Handle Array-like based usage\n return Array.prototype.map.call(elements, function (element) {\n return _delegate(element, selector, type, callback, useCapture);\n });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n return function(e) {\n e.delegateTarget = closest(e.target, selector);\n\n if (e.delegateTarget) {\n callback.call(element, e);\n }\n }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n/* 920 */\n/***/ (function(module, exports) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n var proto = Element.prototype;\n\n proto.matches = proto.matchesSelector ||\n proto.mozMatchesSelector ||\n proto.msMatchesSelector ||\n proto.oMatchesSelector ||\n proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n if (typeof element.matches === 'function' &&\n element.matches(selector)) {\n return element;\n }\n element = element.parentNode;\n }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n/* 921 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nmodule.exports = {\n 'lang': 'zh-cn',\n 'copy': '复制',\n 'cut': '剪切',\n 'copyReady': '已复制',\n 'cutReady': '已剪切',\n 'copyToClipboard': '复制到剪切板',\n 'close': '关闭',\n\n 'en-us': {\n 'copy': 'Copy',\n 'cut': 'Cut',\n 'copyReady': 'Copied',\n 'cutReady': 'Cut',\n 'copyToClipboard': 'Copy to Clipboard',\n 'close': 'Close'\n },\n 'zh-tw': {\n 'copy': '複製',\n 'cut': '剪切',\n 'copyReady': '已複製',\n 'cutReady': '已剪切',\n 'copyToClipboard': '複製到剪切板',\n 'close': '關閉'\n }\n};\n\n/***/ }),\n/* 922 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(923);\nmodule.exports = __webpack_require__(924);\n\n\n/***/ }),\n/* 923 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 924 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Rate = __webpack_require__(925);\n\nvar _Rate2 = _interopRequireDefault(_Rate);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Rate2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 925 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _rcRate = __webpack_require__(926);\n\nvar _rcRate2 = _interopRequireDefault(_rcRate);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n count: _propTypes2[\"default\"].number,\n value: _propTypes2[\"default\"].number,\n defaultValue: _propTypes2[\"default\"].number,\n onChange: _propTypes2[\"default\"].func,\n onHoverChange: _propTypes2[\"default\"].func,\n allowHalf: _propTypes2[\"default\"].bool,\n disabled: _propTypes2[\"default\"].bool,\n className: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].object\n\n};\n\nvar defaultProps = {\n count: 5,\n defaultValue: 0,\n value: 0,\n onChange: function onChange() {},\n onHoverChange: function onHoverChange() {},\n allowHalf: false,\n disabled: false,\n character: _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-star' }),\n className: '',\n style: {},\n clsPrefix: 'u-rate'\n};\n\nvar Rate = function (_Component) {\n _inherits(Rate, _Component);\n\n function Rate() {\n _classCallCheck(this, Rate);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n Rate.prototype.render = function render() {\n var _props = this.props,\n count = _props.count,\n value = _props.value,\n defaultValue = _props.defaultValue,\n onChange = _props.onChange,\n clsPrefix = _props.clsPrefix,\n onHoverChange = _props.onHoverChange,\n allowHalf = _props.allowHalf,\n disabled = _props.disabled,\n character = _props.character,\n className = _props.className,\n style = _props.style;\n\n return _react2[\"default\"].createElement(_rcRate2[\"default\"], { prefixCls: clsPrefix, count: count, value: value, defaultValue: defaultValue, onChange: onChange,\n onHoverChange: onHoverChange, allowHalf: allowHalf, disabled: disabled, character: character,\n className: className, style: style });\n };\n\n return Rate;\n}(_react.Component);\n\n;\nRate.propTypes = propTypes;\nRate.defaultProps = defaultProps;\nexports[\"default\"] = Rate;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 926 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Rate__ = __webpack_require__(927);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (__WEBPACK_IMPORTED_MODULE_0__Rate__[\"a\" /* default */]);\n\n/***/ }),\n/* 927 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_classnames__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_lifecycles_compat__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_rc_util_es_KeyCode__ = __webpack_require__(63);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__util__ = __webpack_require__(928);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Star__ = __webpack_require__(929);\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\n\n\n\n\n\n\nfunction noop() {}\n\nvar Rate =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Rate, _React$Component);\n\n function Rate(props) {\n var _this;\n\n _classCallCheck(this, Rate);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Rate).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"onHover\", function (event, index) {\n var onHoverChange = _this.props.onHoverChange;\n\n var hoverValue = _this.getStarValue(index, event.pageX);\n\n var cleanedValue = _this.state.cleanedValue;\n\n if (hoverValue !== cleanedValue) {\n _this.setState({\n hoverValue: hoverValue,\n cleanedValue: null\n });\n }\n\n onHoverChange(hoverValue);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onMouseLeave\", function () {\n var onHoverChange = _this.props.onHoverChange;\n\n _this.setState({\n hoverValue: undefined,\n cleanedValue: null\n });\n\n onHoverChange(undefined);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onClick\", function (event, index) {\n var allowClear = _this.props.allowClear;\n var value = _this.state.value;\n\n var newValue = _this.getStarValue(index, event.pageX);\n\n var isReset = false;\n\n if (allowClear) {\n isReset = newValue === value;\n }\n\n _this.onMouseLeave(true);\n\n _this.changeValue(isReset ? 0 : newValue);\n\n _this.setState({\n cleanedValue: isReset ? newValue : null\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onFocus\", function () {\n var onFocus = _this.props.onFocus;\n\n _this.setState({\n focused: true\n });\n\n if (onFocus) {\n onFocus();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onBlur\", function () {\n var onBlur = _this.props.onBlur;\n\n _this.setState({\n focused: false\n });\n\n if (onBlur) {\n onBlur();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onKeyDown\", function (event) {\n var keyCode = event.keyCode;\n var _this$props = _this.props,\n count = _this$props.count,\n allowHalf = _this$props.allowHalf,\n onKeyDown = _this$props.onKeyDown;\n var value = _this.state.value;\n\n if (keyCode === __WEBPACK_IMPORTED_MODULE_5_rc_util_es_KeyCode__[\"a\" /* default */].RIGHT && value < count) {\n if (allowHalf) {\n value += 0.5;\n } else {\n value += 1;\n }\n\n _this.changeValue(value);\n\n event.preventDefault();\n } else if (keyCode === __WEBPACK_IMPORTED_MODULE_5_rc_util_es_KeyCode__[\"a\" /* default */].LEFT && value > 0) {\n if (allowHalf) {\n value -= 0.5;\n } else {\n value -= 1;\n }\n\n _this.changeValue(value);\n\n event.preventDefault();\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"saveRef\", function (index) {\n return function (node) {\n _this.stars[index] = node;\n };\n });\n\n _defineProperty(_assertThisInitialized(_this), \"saveRate\", function (node) {\n _this.rate = node;\n });\n\n var _value = props.value;\n\n if (_value === undefined) {\n _value = props.defaultValue;\n }\n\n _this.stars = {};\n _this.state = {\n value: _value,\n focused: false,\n cleanedValue: null\n };\n return _this;\n }\n\n _createClass(Rate, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this$props2 = this.props,\n autoFocus = _this$props2.autoFocus,\n disabled = _this$props2.disabled;\n\n if (autoFocus && !disabled) {\n this.focus();\n }\n }\n }, {\n key: \"getStarDOM\",\n value: function getStarDOM(index) {\n return __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.findDOMNode(this.stars[index]);\n }\n }, {\n key: \"getStarValue\",\n value: function getStarValue(index, x) {\n var allowHalf = this.props.allowHalf;\n var value = index + 1;\n\n if (allowHalf) {\n var starEle = this.getStarDOM(index);\n var leftDis = Object(__WEBPACK_IMPORTED_MODULE_6__util__[\"a\" /* getOffsetLeft */])(starEle);\n var width = starEle.clientWidth;\n\n if (x - leftDis < width / 2) {\n value -= 0.5;\n }\n }\n\n return value;\n }\n }, {\n key: \"focus\",\n value: function focus() {\n var disabled = this.props.disabled;\n\n if (!disabled) {\n this.rate.focus();\n }\n }\n }, {\n key: \"blur\",\n value: function blur() {\n var disabled = this.props.disabled;\n\n if (!disabled) {\n this.rate.blur();\n }\n }\n }, {\n key: \"changeValue\",\n value: function changeValue(value) {\n var onChange = this.props.onChange;\n\n if (!('value' in this.props)) {\n this.setState({\n value: value\n });\n }\n\n onChange(value);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props3 = this.props,\n count = _this$props3.count,\n allowHalf = _this$props3.allowHalf,\n style = _this$props3.style,\n prefixCls = _this$props3.prefixCls,\n disabled = _this$props3.disabled,\n className = _this$props3.className,\n character = _this$props3.character,\n characterRender = _this$props3.characterRender,\n tabIndex = _this$props3.tabIndex;\n var _this$state = this.state,\n value = _this$state.value,\n hoverValue = _this$state.hoverValue,\n focused = _this$state.focused;\n var stars = [];\n var disabledClass = disabled ? \"\".concat(prefixCls, \"-disabled\") : '';\n\n for (var index = 0; index < count; index++) {\n stars.push(__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_7__Star__[\"a\" /* default */], {\n ref: this.saveRef(index),\n index: index,\n count: count,\n disabled: disabled,\n prefixCls: \"\".concat(prefixCls, \"-star\"),\n allowHalf: allowHalf,\n value: hoverValue === undefined ? value : hoverValue,\n onClick: this.onClick,\n onHover: this.onHover,\n key: index,\n character: character,\n characterRender: characterRender,\n focused: focused\n }));\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"ul\", {\n className: __WEBPACK_IMPORTED_MODULE_3_classnames___default()(prefixCls, disabledClass, className),\n style: style,\n onMouseLeave: disabled ? null : this.onMouseLeave,\n tabIndex: disabled ? -1 : tabIndex,\n onFocus: disabled ? null : this.onFocus,\n onBlur: disabled ? null : this.onBlur,\n onKeyDown: disabled ? null : this.onKeyDown,\n ref: this.saveRate,\n role: \"radiogroup\"\n }, stars);\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, state) {\n if ('value' in nextProps && nextProps.value !== undefined) {\n return _objectSpread({}, state, {\n value: nextProps.value\n });\n }\n\n return state;\n }\n }]);\n\n return Rate;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(Rate, \"propTypes\", {\n disabled: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n value: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n defaultValue: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n count: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n allowHalf: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n allowClear: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n style: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.object,\n prefixCls: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n onChange: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onHoverChange: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n className: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n character: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node,\n characterRender: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n tabIndex: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n onFocus: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onBlur: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onKeyDown: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n autoFocus: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool\n});\n\n_defineProperty(Rate, \"defaultProps\", {\n defaultValue: 0,\n count: 5,\n allowHalf: false,\n allowClear: true,\n style: {},\n prefixCls: 'rc-rate',\n onChange: noop,\n character: '★',\n onHoverChange: noop,\n tabIndex: 0\n});\n\nObject(__WEBPACK_IMPORTED_MODULE_4_react_lifecycles_compat__[\"polyfill\"])(Rate);\n/* harmony default export */ __webpack_exports__[\"a\"] = (Rate);\n\n/***/ }),\n/* 928 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = getOffsetLeft;\n/* eslint-disable import/prefer-default-export */\nfunction getScroll(w, top) {\n var ret = top ? w.pageYOffset : w.pageXOffset;\n var method = top ? 'scrollTop' : 'scrollLeft';\n\n if (typeof ret !== 'number') {\n var d = w.document; // ie6,7,8 standard mode\n\n ret = d.documentElement[method];\n\n if (typeof ret !== 'number') {\n // quirks mode\n ret = d.body[method];\n }\n }\n\n return ret;\n}\n\nfunction getClientPosition(elem) {\n var x;\n var y;\n var doc = elem.ownerDocument;\n var body = doc.body;\n var docElem = doc && doc.documentElement;\n var box = elem.getBoundingClientRect();\n x = box.left;\n y = box.top;\n x -= docElem.clientLeft || body.clientLeft || 0;\n y -= docElem.clientTop || body.clientTop || 0;\n return {\n left: x,\n top: y\n };\n}\n\nfunction getOffsetLeft(el) {\n var pos = getClientPosition(el);\n var doc = el.ownerDocument;\n var w = doc.defaultView || doc.parentWindow;\n pos.left += getScroll(w);\n return pos.left;\n}\n\n/***/ }),\n/* 929 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return Star; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\nvar Star =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Star, _React$Component);\n\n function Star() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Star);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Star)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"onHover\", function (e) {\n var _this$props = _this.props,\n onHover = _this$props.onHover,\n index = _this$props.index;\n onHover(e, index);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onClick\", function (e) {\n var _this$props2 = _this.props,\n onClick = _this$props2.onClick,\n index = _this$props2.index;\n onClick(e, index);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onKeyDown\", function (e) {\n var _this$props3 = _this.props,\n onClick = _this$props3.onClick,\n index = _this$props3.index;\n\n if (e.keyCode === 13) {\n onClick(e, index);\n }\n });\n\n return _this;\n }\n\n _createClass(Star, [{\n key: \"getClassName\",\n value: function getClassName() {\n var _this$props4 = this.props,\n prefixCls = _this$props4.prefixCls,\n index = _this$props4.index,\n value = _this$props4.value,\n allowHalf = _this$props4.allowHalf,\n focused = _this$props4.focused;\n var starValue = index + 1;\n var className = prefixCls;\n\n if (value === 0 && index === 0 && focused) {\n className += \" \".concat(prefixCls, \"-focused\");\n } else if (allowHalf && value + 0.5 === starValue) {\n className += \" \".concat(prefixCls, \"-half \").concat(prefixCls, \"-active\");\n\n if (focused) {\n className += \" \".concat(prefixCls, \"-focused\");\n }\n } else {\n className += starValue <= value ? \" \".concat(prefixCls, \"-full\") : \" \".concat(prefixCls, \"-zero\");\n\n if (starValue === value && focused) {\n className += \" \".concat(prefixCls, \"-focused\");\n }\n }\n\n return className;\n }\n }, {\n key: \"render\",\n value: function render() {\n var onHover = this.onHover,\n onClick = this.onClick,\n onKeyDown = this.onKeyDown;\n var _this$props5 = this.props,\n disabled = _this$props5.disabled,\n prefixCls = _this$props5.prefixCls,\n character = _this$props5.character,\n characterRender = _this$props5.characterRender,\n index = _this$props5.index,\n count = _this$props5.count,\n value = _this$props5.value;\n var start = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"li\", {\n className: this.getClassName()\n }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"div\", {\n onClick: disabled ? null : onClick,\n onKeyDown: disabled ? null : onKeyDown,\n onMouseMove: disabled ? null : onHover,\n role: \"radio\",\n \"aria-checked\": value > index ? 'true' : 'false',\n \"aria-posinset\": index + 1,\n \"aria-setsize\": count,\n tabIndex: 0\n }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-first\")\n }, character), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"div\", {\n className: \"\".concat(prefixCls, \"-second\")\n }, character)));\n\n if (characterRender) {\n start = characterRender(start, this.props);\n }\n\n return start;\n }\n }]);\n\n return Star;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(Star, \"propTypes\", {\n value: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,\n index: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,\n prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n allowHalf: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n onHover: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n character: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,\n characterRender: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n focused: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n count: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number\n});\n\n\n\n/***/ }),\n/* 930 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(931);\nmodule.exports = __webpack_require__(932);\n\n\n/***/ }),\n/* 931 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 932 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Step = __webpack_require__(933);\n\nvar _Step2 = _interopRequireDefault(_Step);\n\nvar _Steps = __webpack_require__(934);\n\nvar _Steps2 = _interopRequireDefault(_Steps);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n_Step2[\"default\"].Steps = _Steps2[\"default\"];\nexports[\"default\"] = _Step2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 933 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-steps.\n * homepage: https://github.com/react-component/steps\n */\n\n\nfunction isString(str) {\n return typeof str === 'string';\n}\n\nvar Step = function (_React$Component) {\n _inherits(Step, _React$Component);\n\n function Step() {\n _classCallCheck(this, Step);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Step.prototype.renderIconNode = function renderIconNode() {\n var _classNames;\n\n var _props = this.props,\n prefixCls = _props.prefixCls,\n progressDot = _props.progressDot,\n stepNumber = _props.stepNumber,\n status = _props.status,\n title = _props.title,\n description = _props.description,\n icon = _props.icon,\n iconPrefix = _props.iconPrefix,\n icons = _props.icons;\n\n var iconNode = void 0;\n var iconClassName = (0, _classnames2[\"default\"])(prefixCls + '-icon', iconPrefix + 'icon', (_classNames = {}, _defineProperty(_classNames, iconPrefix + 'icon-' + icon, icon && isString(icon)), _defineProperty(_classNames, iconPrefix + 'icon-check', !icon && status === 'finish' && icons && !icons.finish), _defineProperty(_classNames, iconPrefix + 'icon-close', !icon && status === 'error' && icons && !icons.error), _classNames));\n var iconDot = _react2[\"default\"].createElement('span', { className: prefixCls + '-icon-dot' });\n // `progressDot` enjoy the highest priority\n if (progressDot) {\n if (typeof progressDot === 'function') {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n progressDot(iconDot, { index: stepNumber - 1, status: status, title: title, description: description })\n );\n } else {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n iconDot\n );\n }\n } else if (icon && !isString(icon)) {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n icon\n );\n } else if (icons && icons.finish && status === 'finish') {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n icons.finish\n );\n } else if (icons && icons.error && status === 'error') {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n icons.error\n );\n } else if (icon || status === 'finish' || status === 'error') {\n iconNode = _react2[\"default\"].createElement('span', { className: iconClassName });\n } else {\n iconNode = _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-icon' },\n stepNumber\n );\n }\n\n return iconNode;\n };\n\n Step.prototype.render = function render() {\n var _props2 = this.props,\n className = _props2.className,\n prefixCls = _props2.prefixCls,\n style = _props2.style,\n itemWidth = _props2.itemWidth,\n _props2$status = _props2.status,\n status = _props2$status === undefined ? 'wait' : _props2$status,\n iconPrefix = _props2.iconPrefix,\n icon = _props2.icon,\n wrapperStyle = _props2.wrapperStyle,\n adjustMarginRight = _props2.adjustMarginRight,\n stepNumber = _props2.stepNumber,\n description = _props2.description,\n title = _props2.title,\n progressDot = _props2.progressDot,\n tailContent = _props2.tailContent,\n icons = _props2.icons,\n restProps = _objectWithoutProperties(_props2, ['className', 'prefixCls', 'style', 'itemWidth', 'status', 'iconPrefix', 'icon', 'wrapperStyle', 'adjustMarginRight', 'stepNumber', 'description', 'title', 'progressDot', 'tailContent', 'icons']);\n\n var classString = (0, _classnames2[\"default\"])(prefixCls + '-item', prefixCls + '-item-' + status, className, _defineProperty({}, prefixCls + '-item-custom', icon));\n var stepItemStyle = _extends({}, style);\n if (itemWidth) {\n stepItemStyle.width = itemWidth;\n }\n if (adjustMarginRight) {\n stepItemStyle.marginRight = adjustMarginRight;\n }\n return _react2[\"default\"].createElement(\n 'div',\n _extends({}, restProps, {\n className: classString,\n style: stepItemStyle\n }),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-item-tail' },\n tailContent\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-item-icon' },\n this.renderIconNode()\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-item-content' },\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-item-title' },\n title\n ),\n description && _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-item-description' },\n description\n )\n )\n );\n };\n\n return Step;\n}(_react2[\"default\"].Component);\n\nStep.propTypes = {\n className: _propTypes2[\"default\"].string,\n prefixCls: _propTypes2[\"default\"].string,\n style: _propTypes2[\"default\"].object,\n wrapperStyle: _propTypes2[\"default\"].object,\n itemWidth: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n status: _propTypes2[\"default\"].string,\n iconPrefix: _propTypes2[\"default\"].string,\n icon: _propTypes2[\"default\"].node,\n adjustMarginRight: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n stepNumber: _propTypes2[\"default\"].string,\n description: _propTypes2[\"default\"].any,\n title: _propTypes2[\"default\"].any,\n progressDot: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].func]),\n tailContent: _propTypes2[\"default\"].any,\n icons: _propTypes2[\"default\"].shape({\n finish: _propTypes2[\"default\"].node,\n error: _propTypes2[\"default\"].node\n })\n};\n\nexports[\"default\"] = Step;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 934 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _lodash = __webpack_require__(394);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nvar _utils = __webpack_require__(935);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-steps.\n * homepage: https://github.com/react-component/steps\n */\n\n\nvar propTypes = { prefixCls: _propTypes2[\"default\"].string,\n className: _propTypes2[\"default\"].string,\n iconPrefix: _propTypes2[\"default\"].string,\n direction: _propTypes2[\"default\"].string,\n labelPlacement: _propTypes2[\"default\"].string,\n children: _propTypes2[\"default\"].any,\n status: _propTypes2[\"default\"].string,\n size: _propTypes2[\"default\"].string,\n progressDot: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].func]),\n style: _propTypes2[\"default\"].object,\n initial: _propTypes2[\"default\"].number,\n current: _propTypes2[\"default\"].number,\n icons: _propTypes2[\"default\"].shape({\n finish: _propTypes2[\"default\"].node,\n error: _propTypes2[\"default\"].node\n })\n};\n\nvar defaultProps = {\n prefixCls: 'u-steps',\n iconPrefix: 'u',\n direction: 'horizontal',\n labelPlacement: 'horizontal',\n current: 0,\n initial: 0,\n status: 'process',\n size: 'default',\n progressDot: false\n};\n\nvar Steps = function (_React$Component) {\n _inherits(Steps, _React$Component);\n\n function Steps(props) {\n _classCallCheck(this, Steps);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.calcStepOffsetWidth = function () {\n if ((0, _utils.isFlexSupported)()) {\n return;\n }\n // Just for IE9\n var domNode = (0, _reactDom.findDOMNode)(_this);\n if (domNode.children.length > 0) {\n if (_this.calcTimeout) {\n clearTimeout(_this.calcTimeout);\n }\n _this.calcTimeout = setTimeout(function () {\n // +1 for fit edge bug of digit width, like 35.4px\n var lastStepOffsetWidth = (domNode.lastChild.offsetWidth || 0) + 1;\n // Reduce shake bug\n if (_this.state.lastStepOffsetWidth === lastStepOffsetWidth || Math.abs(_this.state.lastStepOffsetWidth - lastStepOffsetWidth) <= 3) {\n return;\n }\n _this.setState({ lastStepOffsetWidth: lastStepOffsetWidth });\n });\n }\n };\n\n _this.state = {\n flexSupported: true,\n lastStepOffsetWidth: 0\n };\n _this.calcStepOffsetWidth = (0, _lodash2[\"default\"])(_this.calcStepOffsetWidth, 150);\n return _this;\n }\n\n Steps.prototype.componentDidMount = function componentDidMount() {\n this.calcStepOffsetWidth();\n if (!(0, _utils.isFlexSupported)()) {\n this.setState({\n flexSupported: false\n });\n }\n };\n\n Steps.prototype.componentDidUpdate = function componentDidUpdate() {\n this.calcStepOffsetWidth();\n };\n\n Steps.prototype.componentWillUnmount = function componentWillUnmount() {\n if (this.calcTimeout) {\n clearTimeout(this.calcTimeout);\n }\n if (this.calcStepOffsetWidth && this.calcStepOffsetWidth.cancel) {\n this.calcStepOffsetWidth.cancel();\n }\n };\n\n Steps.prototype.render = function render() {\n var _classNames;\n\n var _props = this.props,\n prefixCls = _props.prefixCls,\n _props$style = _props.style,\n style = _props$style === undefined ? {} : _props$style,\n className = _props.className,\n children = _props.children,\n direction = _props.direction,\n labelPlacement = _props.labelPlacement,\n iconPrefix = _props.iconPrefix,\n status = _props.status,\n size = _props.size,\n current = _props.current,\n progressDot = _props.progressDot,\n initial = _props.initial,\n icons = _props.icons,\n restProps = _objectWithoutProperties(_props, ['prefixCls', 'style', 'className', 'children', 'direction', 'labelPlacement', 'iconPrefix', 'status', 'size', 'current', 'progressDot', 'initial', 'icons']);\n\n var _state = this.state,\n lastStepOffsetWidth = _state.lastStepOffsetWidth,\n flexSupported = _state.flexSupported;\n\n var filteredChildren = _react2[\"default\"].Children.toArray(children).filter(function (c) {\n return !!c;\n });\n var lastIndex = filteredChildren.length - 1;\n var adjustedlabelPlacement = !!progressDot ? 'vertical' : labelPlacement;\n var classString = (0, _classnames2[\"default\"])(prefixCls, prefixCls + '-' + direction, className, (_classNames = {}, _defineProperty(_classNames, prefixCls + '-' + size, size), _defineProperty(_classNames, prefixCls + '-label-' + adjustedlabelPlacement, direction === 'horizontal'), _defineProperty(_classNames, prefixCls + '-dot', !!progressDot), _classNames));\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: classString, style: style }, restProps),\n _react.Children.map(filteredChildren, function (child, index) {\n if (!child) {\n return null;\n }\n var stepNumber = initial + index;\n var childProps = _extends({\n stepNumber: '' + (stepNumber + 1),\n prefixCls: prefixCls,\n iconPrefix: iconPrefix,\n wrapperStyle: style,\n progressDot: progressDot,\n icons: icons\n }, child.props);\n if (!flexSupported && direction !== 'vertical' && index !== lastIndex) {\n childProps.itemWidth = 100 / lastIndex + '%';\n childProps.adjustMarginRight = -Math.round(lastStepOffsetWidth / lastIndex + 1);\n }\n // fix tail color\n if (status === 'error' && index === current - 1) {\n childProps.className = prefixCls + '-next-error';\n }\n if (!child.props.status) {\n if (stepNumber === current) {\n childProps.status = status;\n } else if (stepNumber < current) {\n childProps.status = 'finish';\n } else {\n childProps.status = 'wait';\n }\n }\n return (0, _react.cloneElement)(child, childProps);\n })\n );\n };\n\n return Steps;\n}(_react2[\"default\"].Component);\n\nSteps.defaultProps = defaultProps;\nSteps.propTypes = propTypes;\n\nexports[\"default\"] = Steps;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 935 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.isFlexSupported = isFlexSupported;\n/**\n* This source code is quoted from rc-steps.\n* homepage: https://github.com/react-component/steps\n*/\nfunction isFlexSupported() {\n if (typeof window !== 'undefined' && window.document && window.document.documentElement) {\n var documentElement = window.document.documentElement;\n\n return 'flex' in documentElement.style || 'webkitFlex' in documentElement.style || 'Flex' in documentElement.style || 'msFlex' in documentElement.style;\n }\n return false;\n}\n\n/***/ }),\n/* 936 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(937);\nmodule.exports = __webpack_require__(938);\n\n\n/***/ }),\n/* 937 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 938 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Timeline = __webpack_require__(939);\n\nvar _Timeline2 = _interopRequireDefault(_Timeline);\n\nvar _TimelineItem = __webpack_require__(395);\n\nvar _TimelineItem2 = _interopRequireDefault(_TimelineItem);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n_Timeline2[\"default\"].Item = _TimelineItem2[\"default\"];\nexports[\"default\"] = _Timeline2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 939 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _TimelineItem = __webpack_require__(395);\n\nvar _TimelineItem2 = _interopRequireDefault(_TimelineItem);\n\nvar _splitObject3 = __webpack_require__(396);\n\nvar _splitObject4 = _interopRequireDefault(_splitObject3);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /** 指定最后一个幽灵节点是否存在或内容 */\n pending: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].node])\n};\n\nvar defaultProps = {\n prefixCls: 'u-timeline'\n //static Item: React.ReactNode; TimelineProps\n};\nvar Timeline = function (_React$Component) {\n _inherits(Timeline, _React$Component);\n\n function Timeline() {\n _classCallCheck(this, Timeline);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Timeline.prototype.render = function render() {\n var _splitObject = (0, _splitObject4[\"default\"])(this.props, ['prefixCls', 'children', 'pending', 'className']),\n _splitObject2 = _slicedToArray(_splitObject, 2),\n _splitObject2$ = _splitObject2[0],\n prefixCls = _splitObject2$.prefixCls,\n children = _splitObject2$.children,\n pending = _splitObject2$.pending,\n className = _splitObject2$.className,\n restProps = _splitObject2[1];\n\n var pendingNode = typeof pending === 'boolean' ? null : pending;\n var classString = (0, _classnames2[\"default\"])(prefixCls, _defineProperty({}, prefixCls + '-pending', !!pending), className);\n var items = _react2[\"default\"].Children.map(children, function (ele, idx) {\n return _react2[\"default\"].cloneElement(ele, {\n last: idx === children.length - 1\n });\n });\n var pendingItem = !!pending ? _react2[\"default\"].createElement(\n _TimelineItem2[\"default\"],\n { pending: !!pending },\n pendingNode\n ) : null;\n return _react2[\"default\"].createElement(\n 'ul',\n _extends({}, restProps, { className: classString }),\n items,\n pendingItem\n );\n };\n\n return Timeline;\n}(_react2[\"default\"].Component);\n\nTimeline.defaultProps = defaultProps;\nTimeline.propTypes = propTypes;\n\nexports[\"default\"] = Timeline;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 940 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(941);\nmodule.exports = __webpack_require__(397);\n\n\n/***/ }),\n/* 941 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 942 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _list = __webpack_require__(943);\n\nvar _list2 = _interopRequireDefault(_list);\n\nvar _operation = __webpack_require__(951);\n\nvar _operation2 = _interopRequireDefault(_operation);\n\nvar _search = __webpack_require__(398);\n\nvar _search2 = _interopRequireDefault(_search);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactBeautifulDnd = __webpack_require__(68);\n\nvar _utils = __webpack_require__(952);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction noop() {}\n\nvar defaultProps = {\n dataSource: [],\n render: noop,\n showSearch: false,\n searchPlaceholder: 'Search',\n notFoundContent: 'Not Found',\n showCheckbox: true,\n draggable: false,\n appendToBottom: false\n};\n\nvar propTypes = {\n prefixCls: _propTypes2[\"default\"].string,\n dataSource: _propTypes2[\"default\"].array,\n render: _propTypes2[\"default\"].func,\n targetKeys: _propTypes2[\"default\"].array,\n onChange: _propTypes2[\"default\"].func,\n height: _propTypes2[\"default\"].number,\n listStyle: _propTypes2[\"default\"].object,\n className: _propTypes2[\"default\"].string,\n titles: _propTypes2[\"default\"].array,\n operations: _propTypes2[\"default\"].array,\n showSearch: _propTypes2[\"default\"].bool,\n filterOption: _propTypes2[\"default\"].func,\n searchPlaceholder: _propTypes2[\"default\"].string,\n notFoundContent: _propTypes2[\"default\"].node,\n body: _propTypes2[\"default\"].func,\n footer: _propTypes2[\"default\"].func,\n rowKey: _propTypes2[\"default\"].func,\n lazy: _propTypes2[\"default\"].object,\n showCheckbox: _propTypes2[\"default\"].bool,\n draggable: _propTypes2[\"default\"].bool,\n appendToBottom: _propTypes2[\"default\"].bool\n};\n\nvar defaultTitles = ['', ''];\n\nvar Transfer = function (_React$Component) {\n _inherits(Transfer, _React$Component);\n\n function Transfer(props) {\n _classCallCheck(this, Transfer);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n var _props$selectedKeys = props.selectedKeys,\n selectedKeys = _props$selectedKeys === undefined ? [] : _props$selectedKeys,\n _props$targetKeys = props.targetKeys,\n targetKeys = _props$targetKeys === undefined ? [] : _props$targetKeys;\n\n _this.state = {\n leftFilter: '',\n rightFilter: '',\n sourceSelectedKeys: selectedKeys.filter(function (key) {\n return targetKeys.indexOf(key) === -1;\n }),\n targetSelectedKeys: selectedKeys.filter(function (key) {\n return targetKeys.indexOf(key) > -1;\n }),\n leftDataSource: [],\n rightDataSource: [],\n droppableId: ''\n };\n _this.cacheTargetKeys = [].concat(_toConsumableArray(targetKeys));\n return _this;\n }\n\n Transfer.prototype.componentDidMount = function componentDidMount() {\n this.splitDataSource();\n };\n\n Transfer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var _state = this.state,\n sourceSelectedKeys = _state.sourceSelectedKeys,\n targetSelectedKeys = _state.targetSelectedKeys;\n\n if (nextProps.targetKeys !== this.props.targetKeys || nextProps.dataSource !== this.props.dataSource || nextProps.targetKeys !== this.cacheTargetKeys) {\n var existInDateSourcekey = function existInDateSourcekey(key) {\n return dataSource.filter(function (item) {\n return item.key === key;\n }).length;\n };\n // clear key nolonger existed\n // clear checkedKeys according to targetKeys\n\n\n // clear cached splited dataSource\n this.splitedDataSource = null;\n\n var dataSource = nextProps.dataSource,\n _nextProps$targetKeys = nextProps.targetKeys,\n targetKeys = _nextProps$targetKeys === undefined ? [] : _nextProps$targetKeys;\n this.setState({\n sourceSelectedKeys: sourceSelectedKeys.filter(existInDateSourcekey).filter(function (data) {\n return targetKeys.filter(function (key) {\n return key === data;\n }).length === 0;\n }),\n targetSelectedKeys: targetSelectedKeys.filter(existInDateSourcekey).filter(function (data) {\n return targetKeys.filter(function (key) {\n return key === data;\n }).length > 0;\n })\n });\n //异步加载时 || 动态改变targetKeys时\n if (this.props.dataSource.length === 0 || !this.props.draggable) {\n this.splitDataSource(targetKeys, dataSource);\n }\n }\n if (nextProps.selectedKeys) {\n var _targetKeys = nextProps.targetKeys;\n this.setState({\n sourceSelectedKeys: nextProps.selectedKeys.filter(function (key) {\n return _targetKeys.indexOf(key) === -1;\n }),\n targetSelectedKeys: nextProps.selectedKeys.filter(function (key) {\n return _targetKeys.indexOf(key) > -1;\n })\n });\n }\n };\n\n /**\n * 给dataSource里的数据值指定唯一 key 值\n */\n\n\n /**\n * 从源dataSource中分离出leftDataSource和rightDataSource（点击按钮穿梭时调用）\n * @param {*} newTargetKeys 更新后的targetKeys\n * @param {*} newDataSource 异步加载数据源时，从nextProps中获取的dataSource\n */\n Transfer.prototype.splitDataSource = function splitDataSource(newTargetKeys, newDataSource) {\n var _this2 = this;\n\n // targetKeys：展示在右边列表的数据集\n if (this.splitedDataSource) {\n return this.splitedDataSource;\n }\n\n var targetKeys = newTargetKeys || this.props.targetKeys;\n //异步加载数据源时/移除已选时\n var dataSource = newDataSource || this.props.dataSource;\n\n dataSource = this.addUniqueKey(dataSource);\n this.allSourceKeys = dataSource.map(function (_ref) {\n var key = _ref.key;\n return key;\n });\n\n var leftDataSource = dataSource.filter(function (_ref2) {\n var key = _ref2.key;\n return targetKeys.indexOf(key) === -1;\n });\n // const rightDataSource = dataSource.filter(({key}) => targetKeys.indexOf(key) > -1);\n // 右侧数据源根据传入的targetKeys进行排序\n var rightDataSource = [];\n var tempIndex = -1;\n targetKeys.forEach(function (key) {\n tempIndex = _this2.allSourceKeys.indexOf(key);\n rightDataSource.push(dataSource[tempIndex]);\n });\n\n this.splitedDataSource = {\n leftDataSource: leftDataSource,\n rightDataSource: rightDataSource\n };\n this.setState({\n leftDataSource: leftDataSource,\n rightDataSource: rightDataSource\n });\n\n return this.splitedDataSource;\n };\n\n /**\n * 从自定义顺序的dataSource中分离出leftDataSource和rightDataSource（拖拽场景调用）\n * @param {*} newTargetKeys 更新后的targetKeys\n * @param {*} newDataSource 通过 leftDataSource.concat(rightDataSource) 得到的newDataSource\n */\n\n\n Transfer.prototype.splitDataSource2 = function splitDataSource2(newTargetKeys, newDataSource) {\n // targetKeys：展示在右边列表的数据集\n if (this.splitedDataSource) {\n return this.splitedDataSource;\n }\n\n var targetKeys = newTargetKeys || this.props.targetKeys;\n //异步加载数据源时/移除已选时\n var sourceDataSource = this.props.dataSource;\n\n newDataSource = this.addUniqueKey(newDataSource);\n sourceDataSource = this.addUniqueKey(sourceDataSource);\n\n var leftDataSource = sourceDataSource.filter(function (_ref3) {\n var key = _ref3.key;\n return targetKeys.indexOf(key) === -1;\n });\n var rightDataSource = newDataSource.filter(function (_ref4) {\n var key = _ref4.key;\n return targetKeys.indexOf(key) > -1;\n });\n\n this.splitedDataSource = {\n leftDataSource: leftDataSource,\n rightDataSource: rightDataSource\n };\n this.setState({\n leftDataSource: leftDataSource,\n rightDataSource: rightDataSource\n });\n\n return this.splitedDataSource;\n };\n\n /**\n * List中的item选中/未选中状态改变时触发\n * @param {*} direction 'left' or 'right'\n * @param {*} holder 更新后的'sourceSelectedKeys' or 'targetSelectedKeys'\n */\n Transfer.prototype.handleSelectChange = function handleSelectChange(direction, holder) {\n // onSelectChange：当选中的item发生改变时的回调 参数(sourceSelectedKeys, targetSelectedKeys)\n var _state2 = this.state,\n sourceSelectedKeys = _state2.sourceSelectedKeys,\n targetSelectedKeys = _state2.targetSelectedKeys;\n\n var onSelectChange = this.props.onSelectChange;\n if (!onSelectChange) {\n return;\n }\n\n if (direction === 'left') {\n onSelectChange(holder, targetSelectedKeys);\n } else {\n onSelectChange(sourceSelectedKeys, holder);\n }\n };\n\n /**\n * 左侧列表全选事件\n * @param filteredDataSource dataSource中刨去设置为disabled的部分\n * @param checkAll 是否是全选状态 true：全选\n */\n\n\n /**\n * 搜索框值更改事件\n * @param direction 'left' or 'right'\n * @param value 输入的值\n */\n\n\n /**\n * 清空搜索框内容\n * @param direction 'left' or 'right'\n */\n\n\n /**\n * 点击list item，选中或取消选中\n * @param direction 'left' or 'right'\n * @param selectedItem 选中的item的信息，和dataSource数据源中的item信息一致\n * @param checked 是否已勾选，true：已勾选 false：未勾选\n */\n\n\n Transfer.prototype.getSelectedKeysName = function getSelectedKeysName(direction) {\n return direction === 'left' ? 'sourceSelectedKeys' : 'targetSelectedKeys';\n };\n\n /**\n * 拖拽结束时触发\n */\n\n\n /**\n * 拖拽开始时触发\n */\n\n\n Transfer.prototype.render = function render() {\n var _props = this.props,\n _props$prefixCls = _props.prefixCls,\n prefixCls = _props$prefixCls === undefined ? 'u-transfer' : _props$prefixCls,\n _props$operations = _props.operations,\n operations = _props$operations === undefined ? [] : _props$operations,\n showSearch = _props.showSearch,\n notFoundContent = _props.notFoundContent,\n searchPlaceholder = _props.searchPlaceholder,\n body = _props.body,\n footer = _props.footer,\n listStyle = _props.listStyle,\n _props$className = _props.className,\n className = _props$className === undefined ? '' : _props$className,\n filterOption = _props.filterOption,\n render = _props.render,\n lazy = _props.lazy,\n showCheckbox = _props.showCheckbox,\n draggable = _props.draggable;\n var _state3 = this.state,\n leftFilter = _state3.leftFilter,\n rightFilter = _state3.rightFilter,\n sourceSelectedKeys = _state3.sourceSelectedKeys,\n targetSelectedKeys = _state3.targetSelectedKeys,\n leftDataSource = _state3.leftDataSource,\n rightDataSource = _state3.rightDataSource,\n droppableId = _state3.droppableId;\n\n // const { leftDataSource, rightDataSource } = this.splitDataSource(this.props);\n\n var leftActive = targetSelectedKeys.length > 0;\n var rightActive = sourceSelectedKeys.length > 0;\n\n var cls = (0, _classnames2[\"default\"])(className, prefixCls);\n\n var titles = this.getTitles();\n return _react2[\"default\"].createElement(\n 'div',\n { className: cls },\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.DragDropContext,\n { onDragEnd: this.onDragEnd, onDragStart: this.onDragStart },\n _react2[\"default\"].createElement(_list2[\"default\"], {\n titleText: titles[0] //左侧标题\n , dataSource: leftDataSource //左侧数据源\n , filter: leftFilter //搜索框中输入的内容\n , filterOption: filterOption //搜索过滤方法 参数(inputValue, option)\n , style: listStyle //自定义的columns的样式表\n , checkedKeys: sourceSelectedKeys //左侧已勾选的item的keys\n , handleFilter: this.handleLeftFilter //左侧搜索框值更改事件\n , handleClear: this.handleLeftClear //清空左侧搜索框内容\n , handleSelect: this.handleLeftSelect //点击左侧列表中的item，改变选中或取消选中状态\n , handleSelectAll: this.handleLeftSelectAll //点击左侧全选\n , render: render,\n showSearch: showSearch //是否显示搜索框\n , searchPlaceholder: searchPlaceholder //搜索框placeholder\n , notFoundContent: notFoundContent //当没有相关内容的显示内容\n , body: body,\n footer: footer,\n prefixCls: prefixCls + '-list',\n lazy: lazy,\n showCheckbox: showCheckbox,\n draggable: draggable,\n id: '1',\n droppableId: droppableId\n }),\n !draggable ? _react2[\"default\"].createElement(_operation2[\"default\"], {\n rightActive: rightActive,\n rightArrowText: operations[0],\n moveToRight: this.moveToRight,\n leftActive: leftActive,\n leftArrowText: operations[1],\n moveToLeft: this.moveToLeft,\n className: prefixCls + '-operation'\n }) : '',\n _react2[\"default\"].createElement(_list2[\"default\"], {\n titleText: titles[1] //右侧标题\n , dataSource: rightDataSource //右侧数据源\n , filter: rightFilter //搜索框中输入的内容\n , filterOption: filterOption //搜索过滤方法 参数(inputValue, option)\n , style: listStyle //自定义的columns的样式表\n , checkedKeys: targetSelectedKeys //右侧已勾选的item的keys\n , handleFilter: this.handleRightFilter //右侧搜索框值更改事件\n , handleClear: this.handleRightClear //清空右侧搜索框内容\n , handleSelect: this.handleRightSelect //点击右侧列表中的item，改变选中或取消选中状态\n , handleSelectAll: this.handleRightSelectAll //点击右侧全选\n , render: render,\n showSearch: showSearch //是否显示搜索框\n , searchPlaceholder: searchPlaceholder //搜索框placeholder\n , notFoundContent: notFoundContent //当没有相关内容的显示内容\n , body: body,\n footer: footer,\n prefixCls: prefixCls + '-list',\n lazy: lazy,\n showCheckbox: showCheckbox,\n draggable: draggable,\n id: '2'\n })\n )\n );\n };\n\n return Transfer;\n}(_react2[\"default\"].Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.addUniqueKey = function (dataSource) {\n var rowKey = _this3.props.rowKey;\n\n if (rowKey) {\n dataSource.forEach(function (record) {\n record.key = rowKey(record);\n });\n }\n return dataSource;\n };\n\n this.moveTo = function (direction) {\n var _props2 = _this3.props,\n _props2$targetKeys = _props2.targetKeys,\n targetKeys = _props2$targetKeys === undefined ? [] : _props2$targetKeys,\n onChange = _props2.onChange,\n appendToBottom = _props2.appendToBottom;\n var _state4 = _this3.state,\n sourceSelectedKeys = _state4.sourceSelectedKeys,\n targetSelectedKeys = _state4.targetSelectedKeys,\n leftDataSource = _state4.leftDataSource,\n rightDataSource = _state4.rightDataSource,\n droppableId = _state4.droppableId;\n\n var moveKeys = direction === 'right' ? sourceSelectedKeys : targetSelectedKeys;\n var temp = appendToBottom ? targetKeys.concat(moveKeys) : moveKeys.concat(targetKeys);\n // move items to target box\n var newTargetKeys = direction === 'right' ? temp : targetKeys.filter(function (targetKey) {\n return moveKeys.indexOf(targetKey) === -1;\n });\n\n // empty checked keys\n var oppositeDirection = direction === 'right' ? 'left' : 'right';\n _this3.setState(_defineProperty({}, _this3.getSelectedKeysName(oppositeDirection), []));\n _this3.handleSelectChange(oppositeDirection, []);\n\n if (onChange) {\n onChange(newTargetKeys, direction, moveKeys);\n }\n // 区分拖拽穿梭还是点击穿梭\n var newDataSource = leftDataSource.concat(rightDataSource);\n droppableId ? _this3.splitDataSource2(newTargetKeys, newDataSource) : _this3.splitDataSource(newTargetKeys);\n };\n\n this.moveToLeft = function () {\n return _this3.moveTo('left');\n };\n\n this.moveToRight = function () {\n return _this3.moveTo('right');\n };\n\n this.handleSelectAll = function (direction, filteredDataSource, checkAll) {\n var holder = checkAll ? [] : filteredDataSource.map(function (item) {\n return item.key;\n });\n _this3.handleSelectChange(direction, holder);\n\n if (!_this3.props.selectedKeys) {\n _this3.setState(_defineProperty({}, _this3.getSelectedKeysName(direction), holder));\n }\n };\n\n this.handleLeftSelectAll = function (filteredDataSource, checkAll) {\n _this3.handleSelectAll('left', filteredDataSource, checkAll);\n };\n\n this.handleRightSelectAll = function (filteredDataSource, checkAll) {\n return _this3.handleSelectAll('right', filteredDataSource, checkAll);\n };\n\n this.handleFilter = function (direction, value) {\n _this3.setState(_defineProperty({}, direction + 'Filter', value));\n };\n\n this.handleLeftFilter = function (v) {\n return _this3.handleFilter('left', v);\n };\n\n this.handleRightFilter = function (v) {\n return _this3.handleFilter('right', v);\n };\n\n this.handleClear = function (direction) {\n _this3.setState(_defineProperty({}, direction + 'Filter', ''));\n };\n\n this.handleLeftClear = function () {\n return _this3.handleClear('left');\n };\n\n this.handleRightClear = function () {\n return _this3.handleClear('right');\n };\n\n this.handleSelect = function (direction, selectedItem, checked) {\n var _state5 = _this3.state,\n sourceSelectedKeys = _state5.sourceSelectedKeys,\n targetSelectedKeys = _state5.targetSelectedKeys;\n\n var holder = direction === 'left' ? [].concat(_toConsumableArray(sourceSelectedKeys)) : [].concat(_toConsumableArray(targetSelectedKeys));\n var index = holder.indexOf(selectedItem.key);\n if (checked) {\n //已勾选\n holder.splice(index, 1);\n } else if (index === -1) {\n //未勾选\n holder.push(selectedItem.key);\n }\n _this3.handleSelectChange(direction, holder);\n\n if (!_this3.props.selectedKeys) {\n _this3.setState(_defineProperty({}, _this3.getSelectedKeysName(direction), holder));\n }\n };\n\n this.handleLeftSelect = function (selectedItem, checked) {\n return _this3.handleSelect('left', selectedItem, checked);\n };\n\n this.handleRightSelect = function (selectedItem, checked) {\n return _this3.handleSelect('right', selectedItem, checked);\n };\n\n this.getTitles = function () {\n if (_this3.props.titles) {\n return _this3.props.titles;\n }\n if (_this3.context && _this3.context.antLocale && _this3.context.antLocale.Transfer) {\n return _this3.context.antLocale.Transfer.titles || [];\n }\n return defaultTitles;\n };\n\n this.id2List = {\n droppable_1: 'leftDataSource',\n droppable_2: 'rightDataSource'\n };\n\n this.getList = function (id) {\n return _this3.state[_this3.id2List[id]];\n };\n\n this.onDragEnd = function (result) {\n var source = result.source,\n destination = result.destination,\n draggableId = result.draggableId;\n var _props3 = _this3.props,\n targetKeys = _props3.targetKeys,\n onChange = _props3.onChange;\n\n var sourceIndex = source ? source.index : ''; //初始位置\n var disIndex = destination ? destination.index : ''; //移动后的位置\n var temp = void 0; //拖拽的元素\n\n // case1：拖拽到列表之外\n if (!destination) {\n return;\n }\n\n if (destination.droppableId === 'droppable_1') {\n // case2：在左侧列表中拖拽\n if (source.droppableId === destination.droppableId) return;\n // case3：从右往左拖拽（移除已选）\n _this3.moveToLeft();\n return;\n }\n\n // case4：在右侧列表中拖拽改变items顺序\n if (source.droppableId === destination.droppableId) {\n var items = (0, _utils.reorder)(_this3.getList(source.droppableId), targetKeys, sourceIndex, disIndex);\n _this3.setState({\n rightDataSource: items.dataArr,\n sourceSelectedKeys: [],\n targetSelectedKeys: []\n });\n if (onChange) {\n onChange(items.targetKeyArr, \"\", draggableId);\n }\n } else {\n // case5：从左往右拖拽（添加已选）\n var _result = (0, _utils.move)(_this3.getList(source.droppableId), _this3.getList(destination.droppableId), source, destination, targetKeys);\n if (onChange) {\n onChange(_result.newTargetKeys, \"\", draggableId);\n }\n _this3.setState({\n leftDataSource: _result.droppable_1,\n rightDataSource: _result.droppable_2,\n sourceSelectedKeys: [],\n targetSelectedKeys: []\n });\n }\n };\n\n this.onDragStart = function (result) {\n var selectedItem = {};\n var source = result.source;\n\n selectedItem.key = result.draggableId;\n if (source.droppableId === 'droppable_1') {\n // leftMenu\n _this3.handleLeftSelect(selectedItem);\n } else if (source.droppableId === 'droppable_2') {\n // rightMenu\n _this3.handleRightSelect(selectedItem);\n }\n _this3.setState({\n droppableId: source.droppableId\n });\n };\n};\n\nTransfer.List = Transfer.List;\nTransfer.Operation = Transfer.Operation;\nTransfer.Search = Transfer.Search;\n\nTransfer.propTypes = propTypes;\nTransfer.defaultProps = defaultProps;\n\nexports[\"default\"] = Transfer;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 943 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _search = __webpack_require__(398);\n\nvar _search2 = _interopRequireDefault(_search);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeAnimate = __webpack_require__(36);\n\nvar _beeAnimate2 = _interopRequireDefault(_beeAnimate);\n\nvar _PureRenderMixin = __webpack_require__(399);\n\nvar _PureRenderMixin2 = _interopRequireDefault(_PureRenderMixin);\n\nvar _objectAssign = __webpack_require__(35);\n\nvar _objectAssign2 = _interopRequireDefault(_objectAssign);\n\nvar _index = __webpack_require__(397);\n\nvar _item = __webpack_require__(944);\n\nvar _item2 = _interopRequireDefault(_item);\n\nvar _beeCheckbox = __webpack_require__(114);\n\nvar _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _reactBeautifulDnd = __webpack_require__(68);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction noop() {}\n\nvar defaultProps = {\n dataSource: [],\n titleText: '',\n showSearch: false,\n render: noop\n};\nfunction isRenderResultPlainObject(result) {\n return result && !_react2[\"default\"].isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';\n}\n\nvar TransferList = function (_React$Component) {\n _inherits(TransferList, _React$Component);\n\n function TransferList(props) {\n _classCallCheck(this, TransferList);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.matchFilter = function (text, item) {\n //filter：搜索框中的内容\n //filterOption：用户自定义的搜索过滤方法\n var _this$props = _this.props,\n filter = _this$props.filter,\n filterOption = _this$props.filterOption;\n\n if (filterOption) {\n return filterOption(filter, item);\n }\n return text.indexOf(filter) >= 0;\n };\n\n _this.handleSelect = function (selectedItem) {\n // checkedKeys：已勾选的Keys数组\n // result：是否已勾选，true：已勾选 false：未勾选\n var checkedKeys = _this.props.checkedKeys;\n\n var result = checkedKeys.some(function (key) {\n return key === selectedItem.key;\n });\n _this.props.handleSelect(selectedItem, result);\n };\n\n _this.handleFilter = function (e) {\n _this.props.handleFilter(e);\n };\n\n _this.handleClear = function () {\n _this.props.handleClear();\n };\n\n _this.renderItem = function (item) {\n var _this$props$render = _this.props.render,\n render = _this$props$render === undefined ? noop : _this$props$render;\n\n var renderResult = render(item);\n var isRenderResultPlain = isRenderResultPlainObject(renderResult);\n return {\n renderedText: isRenderResultPlain ? renderResult.value : renderResult,\n renderedEl: isRenderResultPlain ? renderResult.label : renderResult\n };\n };\n\n _this.onKeyDown = function (event, provided, snapshot, item) {\n if (provided.dragHandleProps) {\n provided.dragHandleProps.onKeyDown(event);\n }\n\n if (event.defaultPrevented) {\n return;\n }\n\n if (snapshot.isDragging) {\n return;\n }\n\n if (event.keyCode !== _tinperBeeCore.KeyCode.ENTER) {\n return;\n }\n\n // 为了选择，我们使用此事件 we are using the event for selection\n event.preventDefault();\n\n _this.performAction(event, item);\n };\n\n _this.state = {\n mounted: false\n };\n return _this;\n }\n\n TransferList.prototype.componentDidMount = function componentDidMount() {\n var _this2 = this;\n\n this.timer = setTimeout(function () {\n _this2.setState({\n mounted: true\n });\n }, 0);\n };\n\n TransferList.prototype.componentWillUnmount = function componentWillUnmount() {\n clearTimeout(this.timer);\n };\n\n TransferList.prototype.shouldComponentUpdate = function shouldComponentUpdate() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _PureRenderMixin2[\"default\"].shouldComponentUpdate.apply(this, args);\n };\n\n /**\n * 获取Checkbox状态\n * @param {*} filteredDataSource dataSource中刨去设置为disabled的部分\n */\n TransferList.prototype.getCheckStatus = function getCheckStatus(filteredDataSource) {\n var checkedKeys = this.props.checkedKeys;\n\n if (checkedKeys.length === 0) {\n return 'none'; //全部未选\n } else if (filteredDataSource.every(function (item) {\n return checkedKeys.indexOf(item.key) >= 0;\n })) {\n return 'all'; //全部已选\n }\n return 'part'; //部分已选\n };\n\n /**\n * 点击list item，选中或取消选中\n * @param selectedItem 选中的item的信息，和dataSource数据源中的item信息一致\n */\n\n\n TransferList.prototype.renderCheckbox = function renderCheckbox(_ref) {\n var _classNames,\n _this3 = this;\n\n var prefixCls = _ref.prefixCls,\n filteredDataSource = _ref.filteredDataSource,\n checked = _ref.checked,\n checkPart = _ref.checkPart,\n disabled = _ref.disabled,\n checkable = _ref.checkable;\n\n var checkAll = !checkPart && checked; //非半选 && 全选\n prefixCls = \"u\";\n var checkboxCls = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-checkbox-indeterminate', checkPart), _defineProperty(_classNames, prefixCls + '-checkbox-disabled', disabled), _classNames));\n return _react2[\"default\"].createElement(\n 'span',\n {\n className: 'u-checkbox-wrapper'\n },\n _react2[\"default\"].createElement(_beeCheckbox2[\"default\"], {\n onChange: function onChange() {\n return _this3.props.handleSelectAll(filteredDataSource, checkAll);\n },\n className: checkboxCls,\n checked: checkAll\n })\n );\n };\n\n TransferList.prototype.render = function render() {\n var _classNames2,\n _this4 = this;\n\n var _props = this.props,\n prefixCls = _props.prefixCls,\n dataSource = _props.dataSource,\n titleText = _props.titleText,\n filter = _props.filter,\n checkedKeys = _props.checkedKeys,\n lazy = _props.lazy,\n filterOption = _props.filterOption,\n _props$body = _props.body,\n body = _props$body === undefined ? noop : _props$body,\n _props$footer = _props.footer,\n footer = _props$footer === undefined ? noop : _props$footer,\n showSearch = _props.showSearch,\n _props$render = _props.render,\n render = _props$render === undefined ? noop : _props$render,\n style = _props.style,\n id = _props.id,\n showCheckbox = _props.showCheckbox,\n draggable = _props.draggable,\n droppableId = _props.droppableId;\n var _props2 = this.props,\n searchPlaceholder = _props2.searchPlaceholder,\n notFoundContent = _props2.notFoundContent;\n\n // Custom Layout\n\n var footerDom = footer((0, _objectAssign2[\"default\"])({}, this.props));\n var bodyDom = body((0, _objectAssign2[\"default\"])({}, this.props));\n\n var listCls = (0, _classnames2[\"default\"])(prefixCls, (_classNames2 = {}, _defineProperty(_classNames2, prefixCls + '-with-footer', !!footerDom), _defineProperty(_classNames2, prefixCls + '-draggable', !!draggable), _classNames2));\n\n var filteredDataSource = [];\n var totalDataSource = [];\n var showItems = dataSource.map(function (item, index) {\n if (!item) {\n return;\n }\n\n var _renderItem = _this4.renderItem(item),\n renderedText = _renderItem.renderedText,\n renderedEl = _renderItem.renderedEl;\n\n if (filter && filter.trim() && !_this4.matchFilter(renderedText, item)) {\n return null;\n }\n\n // all show items\n totalDataSource.push(item);\n\n if (!item.disabled) {\n filteredDataSource.push(item);\n }\n\n var checked = checkedKeys.indexOf(item.key) >= 0;\n return _react2[\"default\"].createElement(\n _reactBeautifulDnd.Draggable,\n { key: item.key, index: index, draggableId: '' + item.key, isDragDisabled: draggable ? item.disabled : !draggable },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n _extends({\n ref: provided.innerRef\n }, provided.draggableProps, provided.dragHandleProps, {\n // onClick={(event) =>this.handleDrag(event, provided, snapshot, item)}\n onKeyDown: function onKeyDown(event) {\n return _this4.onKeyDown(event, provided, snapshot, item);\n }\n // className={classnames({\n // ...getClass(this.props,snapshot.isDragging).drag\n // })}\n , style: _extends({}, provided.draggableProps.style) }),\n _react2[\"default\"].createElement(_item2[\"default\"]\n // ref={provided.innerRef} //Error: provided.innerRef has not been provided with a HTMLElement\n // key={item.key}\n , { item: item,\n lazy: lazy,\n render: render,\n renderedText: renderedText,\n renderedEl: renderedEl,\n filter: filter,\n filterOption: filterOption,\n checked: checked,\n prefixCls: prefixCls,\n onClick: _this4.handleSelect,\n showCheckbox: showCheckbox\n })\n );\n }\n );\n });\n\n var unit = '';\n var antLocale = this.context.antLocale;\n if (antLocale && antLocale.Transfer) {\n var transferLocale = antLocale.Transfer;\n unit = dataSource.length > 1 ? transferLocale.itemsUnit : transferLocale.itemUnit;\n searchPlaceholder = searchPlaceholder || transferLocale.searchPlaceholder;\n notFoundContent = notFoundContent || transferLocale.notFoundContent;\n }\n\n var checkStatus = this.getCheckStatus(filteredDataSource);\n var outerPrefixCls = prefixCls.replace('-list', '');\n var search = showSearch ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-body-search-wrapper' },\n _react2[\"default\"].createElement(_search2[\"default\"], {\n prefixCls: prefixCls + '-search',\n onChange: this.handleFilter,\n handleClear: this.handleClear,\n placeholder: searchPlaceholder,\n value: filter\n })\n ) : null;\n\n var listBody = bodyDom || _react2[\"default\"].createElement(\n 'div',\n { className: showSearch ? prefixCls + '-body ' + prefixCls + '-body-with-search' : prefixCls + '-body' },\n search,\n _react2[\"default\"].createElement(\n _reactBeautifulDnd.Droppable,\n { droppableId: 'droppable_' + id, direction: 'vertical', isDropDisabled: !draggable },\n function (provided, snapshot) {\n return _react2[\"default\"].createElement(\n 'div',\n { ref: provided.innerRef, key: id, className: prefixCls + '-content' },\n _react2[\"default\"].createElement(\n 'div',\n { style: { display: 'none' } },\n provided.placeholder\n ),\n _react2[\"default\"].createElement(\n _beeAnimate2[\"default\"],\n {\n component: 'ul',\n transitionName: _this4.state.mounted ? prefixCls + '-content-item-highlight' : '',\n transitionLeave: false\n },\n showItems\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-delete-selected ' + (snapshot.isDraggingOver && droppableId === 'droppable_2' ? 'show' : '') },\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-del-btn' },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-arrow-down-2' }),\n _react2[\"default\"].createElement(\n 'span',\n null,\n '\\u79FB\\u9664\\u5DF2\\u9009'\n )\n )\n )\n );\n }\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-body-not-found ' + (dataSource.length == 0 ? \"show\" : \"\") },\n notFoundContent\n )\n );\n\n var listFooter = footerDom ? _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-footer' },\n footerDom\n ) : null;\n\n var renderedCheckbox = this.renderCheckbox({\n prefixCls: outerPrefixCls,\n checked: checkStatus === 'all',\n checkPart: checkStatus === 'part',\n checkable: _react2[\"default\"].createElement('span', { className: outerPrefixCls + '-checkbox-inner' }),\n filteredDataSource: filteredDataSource,\n disabled: false\n });\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: listCls, style: style },\n _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-header' },\n showCheckbox ? renderedCheckbox : '',\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-header-selected' },\n _react2[\"default\"].createElement(\n 'span',\n null,\n (checkedKeys.length > 0 ? checkedKeys.length + '/' : '') + totalDataSource.length,\n ' ',\n unit\n ),\n _react2[\"default\"].createElement(\n 'span',\n { className: prefixCls + '-header-title' },\n titleText\n )\n )\n ),\n listBody,\n listFooter\n );\n };\n\n return TransferList;\n}(_react2[\"default\"].Component);\n\nTransferList.defaultProps = defaultProps;\nexports[\"default\"] = TransferList;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 944 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _PureRenderMixin = __webpack_require__(399);\n\nvar _PureRenderMixin2 = _interopRequireDefault(_PureRenderMixin);\n\nvar _objectAssign = __webpack_require__(35);\n\nvar _objectAssign2 = _interopRequireDefault(_objectAssign);\n\nvar _reactLazyLoad = __webpack_require__(945);\n\nvar _reactLazyLoad2 = _interopRequireDefault(_reactLazyLoad);\n\nvar _beeCheckbox = __webpack_require__(114);\n\nvar _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction isRenderResultPlainObject(result) {\n return result && !_react2[\"default\"].isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';\n}\n\nvar Item = function (_React$Component) {\n _inherits(Item, _React$Component);\n\n function Item() {\n _classCallCheck(this, Item);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Item.prototype.shouldComponentUpdate = function shouldComponentUpdate() {\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _PureRenderMixin2[\"default\"].shouldComponentUpdate.apply(this, args);\n };\n // matchFilter = (text) => {\n // const { filter, filterOption, item } = this.props;\n // if (filterOption) {\n // return filterOption(filter, item);\n // }\n // return text.indexOf(filter) >= 0;\n // }\n\n\n Item.prototype.render = function render() {\n var _classNames;\n\n var _props = this.props,\n render = _props.render,\n filter = _props.filter,\n item = _props.item,\n lazy = _props.lazy,\n checked = _props.checked,\n prefixCls = _props.prefixCls,\n onClick = _props.onClick,\n renderedText = _props.renderedText,\n renderedEl = _props.renderedEl,\n showCheckbox = _props.showCheckbox;\n\n var className = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-content-item', true), _defineProperty(_classNames, prefixCls + '-content-item-disabled', item.disabled), _defineProperty(_classNames, prefixCls + '-content-item-selected', checked), _classNames));\n\n var lazyProps = (0, _objectAssign2[\"default\"])({\n height: 32,\n offset: 500,\n throttle: 0,\n debounce: false\n }, lazy);\n\n var lazyFlag = true;\n if (lazy && lazy.container == \"modal\") {\n lazyFlag = false;\n }\n\n if (!lazyFlag) {\n return _react2[\"default\"].createElement(\n 'li',\n {\n className: className,\n title: renderedText,\n onClick: item.disabled ? undefined : function () {\n return onClick(item);\n }\n },\n _react2[\"default\"].createElement(_beeCheckbox2[\"default\"], { checked: checked, disabled: item.disabled, onClick: item.disabled ? undefined : function () {\n return onClick(item);\n } }),\n _react2[\"default\"].createElement(\n 'span',\n null,\n renderedEl\n )\n );\n } else {\n return _react2[\"default\"].createElement(\n _reactLazyLoad2[\"default\"],\n lazyProps,\n _react2[\"default\"].createElement(\n 'li',\n {\n className: className,\n title: renderedText,\n onClick: item.disabled ? undefined : function () {\n return onClick(item);\n }\n },\n showCheckbox ? _react2[\"default\"].createElement(_beeCheckbox2[\"default\"], { checked: checked, disabled: item.disabled, onClick: item.disabled ? undefined : function () {\n return onClick(item);\n } }) : '',\n _react2[\"default\"].createElement(\n 'span',\n null,\n renderedEl\n )\n )\n );\n }\n };\n\n return Item;\n}(_react2[\"default\"].Component);\n\nexports[\"default\"] = Item;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 945 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; }; }();\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _eventlistener = __webpack_require__(946);\n\nvar _lodash = __webpack_require__(394);\n\nvar _lodash2 = _interopRequireDefault(_lodash);\n\nvar _lodash3 = __webpack_require__(947);\n\nvar _lodash4 = _interopRequireDefault(_lodash3);\n\nvar _parentScroll = __webpack_require__(948);\n\nvar _parentScroll2 = _interopRequireDefault(_parentScroll);\n\nvar _inViewport = __webpack_require__(949);\n\nvar _inViewport2 = _interopRequireDefault(_inViewport);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar LazyLoad = function (_Component) {\n _inherits(LazyLoad, _Component);\n\n function LazyLoad(props) {\n _classCallCheck(this, LazyLoad);\n\n var _this = _possibleConstructorReturn(this, (LazyLoad.__proto__ || Object.getPrototypeOf(LazyLoad)).call(this, props));\n\n _this.lazyLoadHandler = _this.lazyLoadHandler.bind(_this);\n\n if (props.throttle > 0) {\n if (props.debounce) {\n _this.lazyLoadHandler = (0, _lodash2.default)(_this.lazyLoadHandler, props.throttle);\n } else {\n _this.lazyLoadHandler = (0, _lodash4.default)(_this.lazyLoadHandler, props.throttle);\n }\n }\n\n _this.state = { visible: false };\n return _this;\n }\n\n _createClass(LazyLoad, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this._mounted = true;\n var eventNode = this.getEventNode();\n\n this.lazyLoadHandler();\n\n if (this.lazyLoadHandler.flush) {\n this.lazyLoadHandler.flush();\n }\n\n (0, _eventlistener.add)(window, 'resize', this.lazyLoadHandler);\n (0, _eventlistener.add)(eventNode, 'scroll', this.lazyLoadHandler);\n }\n }, {\n key: 'componentWillReceiveProps',\n value: function componentWillReceiveProps() {\n if (!this.state.visible) {\n this.lazyLoadHandler();\n }\n }\n }, {\n key: 'shouldComponentUpdate',\n value: function shouldComponentUpdate(_nextProps, nextState) {\n return nextState.visible;\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this._mounted = false;\n if (this.lazyLoadHandler.cancel) {\n this.lazyLoadHandler.cancel();\n }\n\n this.detachListeners();\n }\n }, {\n key: 'getEventNode',\n value: function getEventNode() {\n return (0, _parentScroll2.default)((0, _reactDom.findDOMNode)(this));\n }\n }, {\n key: 'getOffset',\n value: function getOffset() {\n var _props = this.props,\n offset = _props.offset,\n offsetVertical = _props.offsetVertical,\n offsetHorizontal = _props.offsetHorizontal,\n offsetTop = _props.offsetTop,\n offsetBottom = _props.offsetBottom,\n offsetLeft = _props.offsetLeft,\n offsetRight = _props.offsetRight,\n threshold = _props.threshold;\n\n\n var _offsetAll = threshold || offset;\n var _offsetVertical = offsetVertical || _offsetAll;\n var _offsetHorizontal = offsetHorizontal || _offsetAll;\n\n return {\n top: offsetTop || _offsetVertical,\n bottom: offsetBottom || _offsetVertical,\n left: offsetLeft || _offsetHorizontal,\n right: offsetRight || _offsetHorizontal\n };\n }\n }, {\n key: 'lazyLoadHandler',\n value: function lazyLoadHandler() {\n if (!this._mounted) {\n return;\n }\n var offset = this.getOffset();\n var node = (0, _reactDom.findDOMNode)(this);\n var eventNode = this.getEventNode();\n\n if ((0, _inViewport2.default)(node, eventNode, offset)) {\n var onContentVisible = this.props.onContentVisible;\n\n\n this.setState({ visible: true }, function () {\n if (onContentVisible) {\n onContentVisible();\n }\n });\n this.detachListeners();\n }\n }\n }, {\n key: 'detachListeners',\n value: function detachListeners() {\n var eventNode = this.getEventNode();\n\n (0, _eventlistener.remove)(window, 'resize', this.lazyLoadHandler);\n (0, _eventlistener.remove)(eventNode, 'scroll', this.lazyLoadHandler);\n }\n }, {\n key: 'render',\n value: function render() {\n var _props2 = this.props,\n children = _props2.children,\n className = _props2.className,\n height = _props2.height,\n width = _props2.width;\n var visible = this.state.visible;\n\n\n var elStyles = { height: height, width: width };\n var elClasses = 'LazyLoad' + (visible ? ' is-visible' : '') + (className ? ' ' + className : '');\n\n return _react2.default.createElement(this.props.elementType, {\n className: elClasses,\n style: elStyles\n }, visible && _react.Children.only(children));\n }\n }]);\n\n return LazyLoad;\n}(_react.Component);\n\nexports.default = LazyLoad;\n\n\nLazyLoad.propTypes = {\n children: _propTypes2.default.node.isRequired,\n className: _propTypes2.default.string,\n debounce: _propTypes2.default.bool,\n elementType: _propTypes2.default.string,\n height: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),\n offset: _propTypes2.default.number,\n offsetBottom: _propTypes2.default.number,\n offsetHorizontal: _propTypes2.default.number,\n offsetLeft: _propTypes2.default.number,\n offsetRight: _propTypes2.default.number,\n offsetTop: _propTypes2.default.number,\n offsetVertical: _propTypes2.default.number,\n threshold: _propTypes2.default.number,\n throttle: _propTypes2.default.number,\n width: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]),\n onContentVisible: _propTypes2.default.func\n};\n\nLazyLoad.defaultProps = {\n elementType: 'div',\n debounce: true,\n offset: 0,\n offsetBottom: 0,\n offsetHorizontal: 0,\n offsetLeft: 0,\n offsetRight: 0,\n offsetTop: 0,\n offsetVertical: 0,\n throttle: 250\n};\n\n/***/ }),\n/* 946 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_RESULT__;(function(root,factory){\n if (true) {\n !(__WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.call(exports, __webpack_require__, exports, module)) :\n\t\t\t\t__WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else if (typeof exports === 'object') {\n module.exports = factory();\n } else {\n root.eventListener = factory();\n }\n}(this, function () {\n\tfunction wrap(standard, fallback) {\n\t\treturn function (el, evtName, listener, useCapture) {\n\t\t\tif (el[standard]) {\n\t\t\t\tel[standard](evtName, listener, useCapture);\n\t\t\t} else if (el[fallback]) {\n\t\t\t\tel[fallback]('on' + evtName, listener);\n\t\t\t}\n\t\t}\n\t}\n\n return {\n\t\tadd: wrap('addEventListener', 'attachEvent'),\n\t\tremove: wrap('removeEventListener', 'detachEvent')\n\t};\n}));\n\n/***/ }),\n/* 947 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(global) {/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = throttle;\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))\n\n/***/ }),\n/* 948 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar style = function style(element, prop) {\n return typeof getComputedStyle !== 'undefined' ? getComputedStyle(element, null).getPropertyValue(prop) : element.style[prop];\n};\n\nvar overflow = function overflow(element) {\n return style(element, 'overflow') + style(element, 'overflow-y') + style(element, 'overflow-x');\n};\n\nvar scrollParent = function scrollParent(element) {\n if (!(element instanceof HTMLElement)) {\n return window;\n }\n\n var parent = element;\n\n while (parent) {\n if (parent === document.body || parent === document.documentElement) {\n break;\n }\n\n if (!parent.parentNode) {\n break;\n }\n\n if (/(scroll|auto)/.test(overflow(parent))) {\n return parent;\n }\n\n parent = parent.parentNode;\n }\n\n return window;\n};\n\nexports.default = scrollParent;\n\n/***/ }),\n/* 949 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = inViewport;\n\nvar _getElementPosition = __webpack_require__(950);\n\nvar _getElementPosition2 = _interopRequireDefault(_getElementPosition);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar isHidden = function isHidden(element) {\n return element.offsetParent === null;\n};\n\nfunction inViewport(element, container, customOffset) {\n if (isHidden(element)) {\n return false;\n }\n\n var top = void 0;\n var bottom = void 0;\n var left = void 0;\n var right = void 0;\n\n if (typeof container === 'undefined' || container === window) {\n top = window.pageYOffset;\n left = window.pageXOffset;\n bottom = top + window.innerHeight;\n right = left + window.innerWidth;\n } else {\n var containerPosition = (0, _getElementPosition2.default)(container);\n\n top = containerPosition.top;\n left = containerPosition.left;\n bottom = top + container.offsetHeight;\n right = left + container.offsetWidth;\n }\n\n var elementPosition = (0, _getElementPosition2.default)(element);\n\n return top <= elementPosition.top + element.offsetHeight + customOffset.top && bottom >= elementPosition.top - customOffset.bottom && left <= elementPosition.left + element.offsetWidth + customOffset.left && right >= elementPosition.left - customOffset.right;\n}\n\n/***/ }),\n/* 950 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = getElementPosition;\n/*\n* Finds element's position relative to the whole document,\n* rather than to the viewport as it is the case with .getBoundingClientRect().\n*/\nfunction getElementPosition(element) {\n var rect = element.getBoundingClientRect();\n\n return {\n top: rect.top + window.pageYOffset,\n left: rect.left + window.pageXOffset\n };\n}\n\n/***/ }),\n/* 951 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nfunction noop() {}\n\nvar propTypes = {\n className: _propTypes2[\"default\"].string,\n leftArrowText: _propTypes2[\"default\"].string,\n rightArrowText: _propTypes2[\"default\"].string,\n moveToLeft: _propTypes2[\"default\"].func,\n moveToRight: _propTypes2[\"default\"].func,\n leftActive: _propTypes2[\"default\"][\"boolean\"],\n rightActive: _propTypes2[\"default\"][\"boolean\"]\n};\n\nvar defaultProps = {\n leftArrowText: '',\n rightArrowText: '',\n moveToLeft: noop,\n moveToRight: noop\n};\n\nvar TransferOperation = function (_React$Component) {\n _inherits(TransferOperation, _React$Component);\n\n function TransferOperation() {\n _classCallCheck(this, TransferOperation);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n TransferOperation.prototype.render = function render() {\n var _props = this.props,\n moveToLeft = _props.moveToLeft,\n moveToRight = _props.moveToRight,\n leftArrowText = _props.leftArrowText,\n rightArrowText = _props.rightArrowText,\n leftActive = _props.leftActive,\n rightActive = _props.rightActive,\n className = _props.className;\n\n\n var moveToLeftButton = _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { size: 'sm', disabled: !leftActive, onClick: moveToLeft },\n _react2[\"default\"].createElement(\n 'span',\n null,\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-arrow-left' }),\n leftArrowText\n )\n );\n var moveToRightButton = _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { size: 'sm', disabled: !rightActive, onClick: moveToRight },\n _react2[\"default\"].createElement(\n 'span',\n null,\n rightArrowText,\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-arrow-right' })\n )\n );\n return _react2[\"default\"].createElement(\n 'div',\n { className: className },\n moveToLeftButton,\n moveToRightButton\n );\n };\n\n return TransferOperation;\n}(_react2[\"default\"].Component);\n\nTransferOperation.propsType = propTypes;\nTransferOperation.defaultProps = defaultProps;\nexports[\"default\"] = TransferOperation;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 952 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\n/**\n * a little function to help us with reordering the result\n * @param {*} list \n * @param {*} targetKeys\n * @param {*} startIndex \n * @param {*} endIndex \n */\nvar reorder = function reorder(list, targetKeys, startIndex, endIndex) {\n var result1 = Array.from(list);\n\n var _result1$splice = result1.splice(startIndex, 1),\n _result1$splice2 = _slicedToArray(_result1$splice, 1),\n removed1 = _result1$splice2[0];\n\n result1.splice(endIndex, 0, removed1);\n\n var result2 = Array.from(targetKeys);\n\n var _result2$splice = result2.splice(startIndex, 1),\n _result2$splice2 = _slicedToArray(_result2$splice, 1),\n removed2 = _result2$splice2[0];\n\n result2.splice(endIndex, 0, removed2);\n\n var result = {};\n result.dataArr = result1;\n result.targetKeyArr = result2;\n\n return result;\n};\n\n/**\n * Moves an item from one list to another list.\n * @param {*} source \n * @param {*} destination \n * @param {*} droppableSource \n * @param {*} droppableDestination \n * @param {*} targetKeys\n */\nvar move = function move(source, destination, droppableSource, droppableDestination, targetKeys) {\n var sourceClone = Array.from(source);\n var destClone = Array.from(destination);\n\n var _sourceClone$splice = sourceClone.splice(droppableSource.index, 1),\n _sourceClone$splice2 = _slicedToArray(_sourceClone$splice, 1),\n removed = _sourceClone$splice2[0];\n\n destClone.splice(droppableDestination.index, 0, removed);\n targetKeys.splice(droppableDestination.index, 0, removed.key);\n\n var result = {};\n result[droppableSource.droppableId] = sourceClone;\n result[droppableDestination.droppableId] = destClone;\n result.newTargetKeys = targetKeys;\n return result;\n};\n\nexports.reorder = reorder;\nexports.move = move;\n\n/***/ }),\n/* 953 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(954);\nmodule.exports = __webpack_require__(955);\n\n\n/***/ }),\n/* 954 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 955 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _BackTop = __webpack_require__(956);\n\nvar _BackTop2 = _interopRequireDefault(_BackTop);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _BackTop2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 956 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n visibilityHeight: _propTypes2[\"default\"].number,\n click: _propTypes2[\"default\"].func,\n target: _propTypes2[\"default\"].func\n};\nvar defaultProps = {\n visibilityHeight: 400,\n click: function click() {},\n target: function target() {\n return window;\n },\n character: _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-top-up' }),\n clsPrefix: 'u-back-top'\n};\n\nvar BackTop = function (_Component) {\n _inherits(BackTop, _Component);\n\n function BackTop(props) {\n _classCallCheck(this, BackTop);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.state = {\n show: false\n };\n _this.click = _this.click.bind(_this);\n _this.scroll = _this.scroll.bind(_this);\n return _this;\n }\n\n BackTop.prototype.componentDidMount = function componentDidMount() {\n this.scroll();\n };\n\n BackTop.prototype.scroll = function scroll() {\n var self = this;\n this.props.target().onscroll = function () {\n if ((self.props.target().scrollY || self.props.target().scrollTop) >= self.props.visibilityHeight) {\n self.setState({\n show: true\n });\n } else {\n self.setState({\n show: false\n });\n }\n };\n };\n\n BackTop.prototype.click = function click() {\n var _this2 = this;\n\n var height = this.props.target().scrollY || this.props.target().scrollTop;\n var timer = function timer(height) {\n var self = _this2;\n var h = Math.floor(height / 3);\n self.props.target().scrollTo ? self.props.target().scrollTo(0, h) : self.props.target().scrollTop = h;\n if (h > 0) {\n window.clearInterval(window.backTopTimer);\n window.backTopTimer = window.setInterval(function () {\n timer(h);\n }, 90);\n } else {\n _this2.setState({\n show: false\n });\n window.clearInterval(window.backTopTimer);\n return;\n }\n };\n timer(height);\n this.props.click();\n };\n\n BackTop.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n visibilityHeight = _props.visibilityHeight,\n click = _props.click,\n target = _props.target,\n character = _props.character,\n clsPrefix = _props.clsPrefix,\n others = _objectWithoutProperties(_props, ['className', 'children', 'visibilityHeight', 'click', 'target', 'character', 'clsPrefix']);\n\n className = className ? className : '';\n className = !this.state.show ? clsPrefix + ' hide ' + (target() === window ? '' : 'u-back-dom ') + className : clsPrefix + ' ' + (target() === window ? '' : 'u-back-dom ') + className;\n return _react2[\"default\"].createElement(\n 'span',\n _extends({}, others, { className: className, onClick: this.click }),\n children ? children : this.props.character\n );\n };\n\n return BackTop;\n}(_react.Component);\n\n;\nBackTop.propTypes = propTypes;\nBackTop.defaultProps = defaultProps;\nexports[\"default\"] = BackTop;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 957 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(958);\nmodule.exports = __webpack_require__(959);\n\n/***/ }),\n/* 958 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 959 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Collapse = __webpack_require__(960);\n\nvar _Collapse2 = _interopRequireDefault(_Collapse);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Collapse2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 960 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _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; };\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _style = __webpack_require__(49);\n\nvar _style2 = _interopRequireDefault(_style);\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeTransition = __webpack_require__(126);\n\nvar _capitalize = __webpack_require__(961);\n\nvar _capitalize2 = _interopRequireDefault(_capitalize);\n\nvar _tinperBeeCore = __webpack_require__(6);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar MARGINS = {\n\theight: ['marginTop', 'marginBottom'],\n\twidth: ['marginLeft', 'marginRight']\n};\n\n// reading a dimension prop will cause the browser to recalculate,\n// which will let our animations work\nfunction triggerBrowserReflow(node) {\n\tnode.offsetHeight; // eslint-disable-line no-unused-expressions\n}\n\nfunction getDimensionValue(dimension, elem) {\n\tvar value = elem['offset' + (0, _capitalize2[\"default\"])(dimension)];\n\tvar margins = MARGINS[dimension];\n\n\treturn value + parseInt((0, _style2[\"default\"])(elem, margins[0]), 10) + parseInt((0, _style2[\"default\"])(elem, margins[1]), 10);\n}\n\nvar propTypes = {\n\t/**\n * 是否显示折叠内容\n */\n\t\"in\": _propTypes2[\"default\"].bool,\n\n\t/**\n * 当折叠时，是否从DOM元素删除该组件\n */\n\tunmountOnExit: _propTypes2[\"default\"].bool,\n\n\t/**\n * 当折叠内容初始化显示时，是否添加动态效果，默认不添加\n */\n\ttransitionAppear: _propTypes2[\"default\"].bool,\n\n\t/**\n * 设置超时时间，防止出现问题，可设置为>=动画时间\n */\n\ttimeout: _propTypes2[\"default\"].number,\n\n\t/**\n * 组件内容扩展之前调用的函数\n */\n\tonEnter: _propTypes2[\"default\"].func,\n\t/**\n * 组件内容扩展时调用的函数\n */\n\tonEntering: _propTypes2[\"default\"].func,\n\t/**\n * 组件内容扩展完成时调用的函数\n */\n\tonEntered: _propTypes2[\"default\"].func,\n\t/**\n * 组件内容隐藏前调用的函数\n * Callback fired before the component collapses\n */\n\tonExit: _propTypes2[\"default\"].func,\n\t/**\n * 组件内容隐藏时调用的函数\n */\n\tonExiting: _propTypes2[\"default\"].func,\n\t/**\n *组件内容隐藏后调用的函数\n */\n\tonExited: _propTypes2[\"default\"].func,\n\n\t/**\n * 折叠区展开效果是纵向的还是横向的（ height或者width改变）\n */\n\tdimension: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].oneOf(['height', 'width']), _propTypes2[\"default\"].func]),\n\n\t/**\n * 返回当前组件元素动态显示的高度或者宽度，用户也可以自定义显示的区域大小\n */\n\tgetDimensionValue: _propTypes2[\"default\"].func,\n\n\t/**\n * ARIA role of collapsible element\n */\n\trole: _propTypes2[\"default\"].string\n};\n\nvar defaultProps = { \"in\": false,\n\ttimeout: 300,\n\tunmountOnExit: false,\n\ttransitionAppear: false,\n\n\tdimension: 'height',\n\tgetDimensionValue: getDimensionValue\n};\n\nvar Collapse = function (_React$Component) {\n\t_inherits(Collapse, _React$Component);\n\n\tfunction Collapse(props, context) {\n\t\t_classCallCheck(this, Collapse);\n\n\t\tvar _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context));\n\n\t\t_this.handleEnter = _this.handleEnter.bind(_this);\n\t\t_this.handleEntering = _this.handleEntering.bind(_this);\n\t\t_this.handleEntered = _this.handleEntered.bind(_this);\n\t\t_this.handleExit = _this.handleExit.bind(_this);\n\t\t_this.handleExiting = _this.handleExiting.bind(_this);\n\t\treturn _this;\n\t}\n\n\t/* -- Expanding -- */\n\n\n\tCollapse.prototype.handleEnter = function handleEnter(elem) {\n\t\tvar dimension = this._dimension();\n\t\telem.style[dimension] = '0';\n\t};\n\n\tCollapse.prototype.handleEntering = function handleEntering(elem) {\n\t\tvar dimension = this._dimension();\n\t\telem.style[dimension] = this._getScrollDimensionValue(elem, dimension);\n\t};\n\n\tCollapse.prototype.handleEntered = function handleEntered(elem) {\n\t\tvar dimension = this._dimension();\n\t\telem.style[dimension] = null;\n\t};\n\n\t/* -- Collapsing -- */\n\n\n\tCollapse.prototype.handleExit = function handleExit(elem) {\n\t\tvar dimension = this._dimension();\n\t\telem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';\n\t\ttriggerBrowserReflow(elem);\n\t};\n\n\tCollapse.prototype.handleExiting = function handleExiting(elem) {\n\t\tvar dimension = this._dimension();\n\t\telem.style[dimension] = '0';\n\t};\n\n\tCollapse.prototype._dimension = function _dimension() {\n\t\treturn typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;\n\t};\n\n\t// for testing\n\n\n\tCollapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {\n\t\treturn elem['scroll' + (0, _capitalize2[\"default\"])(dimension)] + 'px';\n\t};\n\n\tCollapse.prototype.render = function render() {\n\t\tvar _props = this.props,\n\t\t onEnter = _props.onEnter,\n\t\t onEntering = _props.onEntering,\n\t\t onEntered = _props.onEntered,\n\t\t onExit = _props.onExit,\n\t\t onExiting = _props.onExiting,\n\t\t className = _props.className,\n\t\t props = _objectWithoutProperties(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);\n\n\t\tdelete props.dimension;\n\t\tdelete props.getDimensionValue;\n\n\t\tvar handleEnter = (0, _tinperBeeCore.createChainedFunction)(this.handleEnter, onEnter);\n\t\tvar handleEntering = (0, _tinperBeeCore.createChainedFunction)(this.handleEntering, onEntering);\n\t\tvar handleEntered = (0, _tinperBeeCore.createChainedFunction)(this.handleEntered, onEntered);\n\t\tvar handleExit = (0, _tinperBeeCore.createChainedFunction)(this.handleExit, onExit);\n\t\tvar handleExiting = (0, _tinperBeeCore.createChainedFunction)(this.handleExiting, onExiting);\n\n\t\tvar classes = {\n\t\t\twidth: this._dimension() === 'width'\n\t\t};\n\n\t\treturn _react2[\"default\"].createElement(_beeTransition.Transition, _extends({}, props, {\n\t\t\t'aria-expanded': props.role ? props[\"in\"] : null,\n\t\t\tclassName: (0, _classnames2[\"default\"])(className, classes),\n\t\t\texitedClassName: 'collapse',\n\t\t\texitingClassName: 'collapsing',\n\t\t\tenteredClassName: 'collapse in',\n\t\t\tenteringClassName: 'collapsing',\n\t\t\tonEnter: handleEnter,\n\t\t\tonEntering: handleEntering,\n\t\t\tonEntered: handleEntered,\n\t\t\tonExit: handleExit,\n\t\t\tonExiting: handleExiting\n\t\t}));\n\t};\n\n\treturn Collapse;\n}(_react2[\"default\"].Component);\n\nCollapse.propTypes = propTypes;\nCollapse.defaultProps = defaultProps;\n\nexports[\"default\"] = Collapse;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 961 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = capitalize;\nfunction capitalize(string) {\n return \"\" + string.charAt(0).toUpperCase() + string.slice(1);\n}\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 962 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(963);\nmodule.exports = __webpack_require__(964);\n\n/***/ }),\n/* 963 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 964 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Slider = __webpack_require__(965);\n\nvar _Slider2 = _interopRequireDefault(_Slider);\n\nvar _Range = __webpack_require__(969);\n\nvar _Range2 = _interopRequireDefault(_Range);\n\nvar _Handle = __webpack_require__(146);\n\nvar _Handle2 = _interopRequireDefault(_Handle);\n\nvar _createSliderWithTooltip = __webpack_require__(971);\n\nvar _createSliderWithTooltip2 = _interopRequireDefault(_createSliderWithTooltip);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n_Slider2[\"default\"].Range = _Range2[\"default\"];\n_Slider2[\"default\"].Handle = _Handle2[\"default\"];\n_Slider2[\"default\"].createSliderWithTooltip = _createSliderWithTooltip2[\"default\"];\n\nexports[\"default\"] = _Slider2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 965 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _warning = __webpack_require__(27);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _Track = __webpack_require__(400);\n\nvar _Track2 = _interopRequireDefault(_Track);\n\nvar _createSlider = __webpack_require__(401);\n\nvar _createSlider2 = _interopRequireDefault(_createSlider);\n\nvar _utils = __webpack_require__(147);\n\nvar utils = _interopRequireWildcard(_utils);\n\nfunction _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)) newObj[key] = obj[key]; } } newObj[\"default\"] = obj; return newObj; } }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-slider.\n * homepage: https://github.com/react-component/slider\n */\n\n\nvar Slider = function (_React$Component) {\n _inherits(Slider, _React$Component);\n\n function Slider(props) {\n _classCallCheck(this, Slider);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.onEnd = function () {\n _this.setState({ dragging: false });\n _this.removeDocumentEvents();\n _this.props.onAfterChange(_this.getValue());\n };\n\n var defaultValue = props.defaultValue !== undefined ? props.defaultValue : props.min;\n var value = props.value !== undefined ? props.value : defaultValue;\n\n _this.state = {\n value: _this.trimAlignValue(value),\n dragging: false\n };\n\n if (process.env.NODE_ENV !== 'production') {\n (0, _warning2[\"default\"])(!('minimumTrackStyle' in props), 'minimumTrackStyle will be deprecate, please use trackStyle instead.');\n (0, _warning2[\"default\"])(!('maximumTrackStyle' in props), 'maximumTrackStyle will be deprecate, please use railStyle instead.');\n }\n return _this;\n }\n\n Slider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n //只有改变value或者min或者max的时候才会再次渲染\n if (!('value' in nextProps || 'min' in nextProps || 'max' in nextProps)) return;\n\n var prevValue = this.state.value;\n var value = nextProps.value !== undefined ? nextProps.value : prevValue;\n var nextValue = this.trimAlignValue(value, nextProps);\n if (nextValue === prevValue) return;\n\n this.setState({ value: nextValue });\n if (utils.isValueOutOfRange(value, nextProps)) {\n this.props.onChange(nextValue);\n }\n };\n\n Slider.prototype.onChange = function onChange(state) {\n var props = this.props;\n var isNotControlled = !('value' in props);\n if (isNotControlled) {\n this.setState(state);\n }\n //console.log(\"改变之后的：\"+state.value);\n var changedValue = state.value;\n props.onChange(changedValue);\n };\n\n Slider.prototype.onStart = function onStart(position) {\n //position = getMousePosition 或者 handlePosition\n //1.getValue:return this.state.value\n //2.onBeforeChange:输出开始变化之前的状态\n //3.calcValueByPos：这个是在createSlider.jsx，超级多的方法混合在一起\n //3.1 getSliderStart:slider的top或者left（主持或者水平）， pixelOffset = position - this.getSliderStart()得到mouseposition 或者 handlePosition - slider的top（或者left）\n //3.2 this.calcValue(pixelOffset)：目的得到value，跟ratio有关\n //3.3 this.trimAlignValue(this.calcValue(pixelOffset)):在slider.jsx中1.ensureValueInRange 先算出是否可取 v 或者 min 或者 max 2.ensureValuePrecision：来获取真的前进数值closest数值\n //4.onChange：得到改变之后的值，setState{value}的值并且调用props.onChange\n this.setState({ dragging: true });\n var props = this.props;\n var prevValue = this.getValue();\n\n props.onBeforeChange(prevValue);\n\n var value = this.calcValueByPos(position);\n this.startValue = value;\n this.startPosition = position;\n\n if (value === prevValue) return;\n\n this.onChange({ value: value });\n };\n\n Slider.prototype.onMove = function onMove(e, position) {\n utils.pauseEvent(e);\n var oldValue = this.state.value;\n\n var value = this.calcValueByPos(position);\n if (value === oldValue) return;\n this.onChange({ value: value });\n };\n\n Slider.prototype.onKeyboard = function onKeyboard(e) {\n var valueMutator = utils.getKeyboardValueMutator(e);\n\n if (valueMutator) {\n utils.pauseEvent(e);\n var state = this.state;\n var oldValue = state.value;\n var mutatedValue = valueMutator(oldValue, this.props);\n var value = this.trimAlignValue(mutatedValue);\n if (value === oldValue) return;\n\n this.onChange({ value: value });\n }\n };\n\n Slider.prototype.getValue = function getValue() {\n return this.state.value;\n };\n\n Slider.prototype.getLowerBound = function getLowerBound() {\n return this.props.min;\n };\n\n Slider.prototype.getUpperBound = function getUpperBound() {\n return this.state.value;\n };\n\n Slider.prototype.trimAlignValue = function trimAlignValue(v) {\n var nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var mergedProps = _extends({}, this.props, nextProps);\n var val = utils.ensureValueInRange(v, mergedProps);\n return utils.ensureValuePrecision(val, mergedProps);\n };\n\n Slider.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n prefixCls = _props.prefixCls,\n vertical = _props.vertical,\n included = _props.included,\n disabled = _props.disabled,\n minimumTrackStyle = _props.minimumTrackStyle,\n trackStyle = _props.trackStyle,\n handleStyle = _props.handleStyle,\n min = _props.min,\n max = _props.max,\n handleGenerator = _props.handle;\n var _state = this.state,\n value = _state.value,\n dragging = _state.dragging;\n\n var offset = this.calcOffset(value); //按照百分制\n //hanleGenerator:进入的是createSlider.jsx的 handle({ index, ...restProps }) \n //{delete restProps.dragging; return ;},\n var handle = handleGenerator({\n className: prefixCls + '-handle',\n vertical: vertical,\n offset: offset,\n value: value,\n dragging: dragging,\n disabled: disabled,\n min: min,\n max: max,\n style: handleStyle[0] || handleStyle,\n ref: function ref(h) {\n return _this2.saveHandle(0, h);\n } //当 WrappedComponent 被渲染后，ref 上的回调函数将会执行\n });\n\n var _trackStyle = trackStyle[0] || trackStyle;\n var track = _react2[\"default\"].createElement(_Track2[\"default\"], {\n className: prefixCls + '-track',\n vertical: vertical,\n included: included,\n offset: 0,\n length: offset,\n style: _extends({}, minimumTrackStyle, _trackStyle)\n });\n\n return { tracks: track, handles: handle };\n };\n\n return Slider;\n}(_react2[\"default\"].Component);\n\nSlider.propTypes = {\n defaultValue: _propTypes2[\"default\"].number,\n value: _propTypes2[\"default\"].number,\n disabled: _propTypes2[\"default\"].bool\n};\nexports[\"default\"] = (0, _createSlider2[\"default\"])(Slider);\nmodule.exports = exports['default'];\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 966 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/**\n* This source code is quoted from rc-slider.\n* homepage: https://github.com/react-component/slider\n*/\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports['default'] = addEventListenerWrap;\n\nvar _addDomEventListener = __webpack_require__(112);\n\nvar _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : { 'default': obj };\n}\n\nfunction addEventListenerWrap(target, eventType, cb) {\n /* eslint camelcase: 2 */\n var callback = _reactDom2['default'].unstable_batchedUpdates ? function run(e) {\n _reactDom2['default'].unstable_batchedUpdates(cb, e);\n } : cb;\n return (0, _addDomEventListener2['default'])(target, eventType, callback);\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 967 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; }; /**\n * This source code is quoted from rc-slider.\n * homepage: https://github.com/react-component/slider\n */\n\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _warning = __webpack_require__(27);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nvar calcPoints = function calcPoints(vertical, marks, dots, step, min, max) {\n (0, _warning2[\"default\"])(dots ? step > 0 : true, '`Slider[step]` should be a positive number in order to make Slider[dots] work.');\n\n var points = Object.keys(marks).map(parseFloat);\n if (dots) {\n for (var i = min; i <= max; i = i + step) {\n if (points.indexOf(i) >= 0) continue;\n points.push(i);\n }\n }\n return points;\n};\n\nvar Steps = function Steps(_ref) {\n var prefixCls = _ref.prefixCls,\n vertical = _ref.vertical,\n marks = _ref.marks,\n dots = _ref.dots,\n step = _ref.step,\n included = _ref.included,\n lowerBound = _ref.lowerBound,\n upperBound = _ref.upperBound,\n max = _ref.max,\n min = _ref.min,\n dotStyle = _ref.dotStyle,\n activeDotStyle = _ref.activeDotStyle;\n\n var range = max - min;\n var elements = calcPoints(vertical, marks, dots, step, min, max).map(function (point) {\n var _classNames;\n\n var offset = Math.abs(point - min) / range * 100 + '%';\n\n var isActived = !included && point === upperBound || included && point <= upperBound && point >= lowerBound;\n var style = vertical ? _extends({ bottom: offset }, dotStyle) : _extends({ left: offset }, dotStyle);\n if (isActived) {\n style = _extends({}, style, activeDotStyle);\n }\n\n var pointClassName = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-dot', true), _defineProperty(_classNames, prefixCls + '-dot-active', isActived), _classNames));\n\n return _react2[\"default\"].createElement('span', { className: pointClassName, style: style, key: point });\n });\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: prefixCls + '-step' },\n elements\n );\n};\n\nexports[\"default\"] = Steps;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 968 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; } /**\n * This source code is quoted from rc-slider.\n * homepage: https://github.com/react-component/slider\n */\n\n\nvar Marks = function Marks(_ref) {\n var className = _ref.className,\n vertical = _ref.vertical,\n marks = _ref.marks,\n included = _ref.included,\n upperBound = _ref.upperBound,\n lowerBound = _ref.lowerBound,\n max = _ref.max,\n min = _ref.min;\n\n var marksKeys = Object.keys(marks);\n var marksCount = marksKeys.length;\n var unit = marksCount > 1 ? 100 / (marksCount - 1) : 100;\n var markWidth = unit * 0.9;\n\n var range = max - min;\n var elements = marksKeys.map(parseFloat).sort(function (a, b) {\n return a - b;\n }).map(function (point) {\n var _classNames;\n\n var isActive = !included && point === upperBound || included && point <= upperBound && point >= lowerBound;\n var markClassName = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, className + '-text', true), _defineProperty(_classNames, className + '-text-active', isActive), _classNames));\n\n var bottomStyle = {\n marginBottom: '-50%',\n bottom: (point - min) / range * 100 + '%'\n };\n\n var leftStyle = {\n width: markWidth + '%',\n marginLeft: -markWidth / 2 + '%',\n left: (point - min) / range * 100 + '%'\n };\n\n var style = vertical ? bottomStyle : leftStyle;\n\n var markPoint = marks[point];\n var markPointIsObject = (typeof markPoint === 'undefined' ? 'undefined' : _typeof(markPoint)) === 'object' && !_react2[\"default\"].isValidElement(markPoint);\n var markLabel = markPointIsObject ? markPoint.label : markPoint;\n var markStyle = markPointIsObject ? _extends({}, style, markPoint.style) : style;\n return _react2[\"default\"].createElement(\n 'span',\n {\n className: markClassName,\n style: markStyle,\n key: point\n },\n markLabel\n );\n });\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: className },\n elements\n );\n};\n\nexports[\"default\"] = Marks;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 969 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _shallowequal = __webpack_require__(970);\n\nvar _shallowequal2 = _interopRequireDefault(_shallowequal);\n\nvar _warning = __webpack_require__(27);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _Track = __webpack_require__(400);\n\nvar _Track2 = _interopRequireDefault(_Track);\n\nvar _createSlider = __webpack_require__(401);\n\nvar _createSlider2 = _interopRequireDefault(_createSlider);\n\nvar _utils = __webpack_require__(147);\n\nvar utils = _interopRequireWildcard(_utils);\n\nfunction _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)) newObj[key] = obj[key]; } } newObj[\"default\"] = obj; return newObj; } }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-slider.\n * homepage: https://github.com/react-component/slider\n */\n\n\nvar Range = function (_React$Component) {\n _inherits(Range, _React$Component);\n\n function Range(props) {\n _classCallCheck(this, Range);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n //1.initialValue:初始化，数组值都是min\n //2.defaultValue，value:接收到的数组，都没有初始化 defaultValue = [0,0] = value ，不然各自等于props中的对应值\n //3.trimAlignValue():ensureValueInRange:确定在范围里；ensureValueNotConflict：能否交叉；ensureValuePrecision：返回的小数点精确度\n //4.bounds:=value\n //5.recent:理解成最近操作过的坐标，默认数组最后一个点,但是handle与recent在onstart后一致\n\n\n _this.onEnd = function () {\n _this.setState({ handle: null });\n _this.removeDocumentEvents();\n _this.props.onAfterChange(_this.getValue());\n };\n\n var count = props.count,\n min = props.min,\n max = props.max;\n\n var initialValue = Array.apply(null, Array(count + 1)).map(function () {\n return min;\n });\n\n var defaultValue = 'defaultValue' in props ? props.defaultValue : initialValue;\n var value = props.value !== undefined ? props.value : defaultValue;\n\n var bounds = value.map(function (v) {\n return _this.trimAlignValue(v);\n });\n var recent = bounds[0] === max ? 0 : bounds.length - 1;\n _this.state = {\n handle: null,\n recent: recent,\n bounds: bounds\n };\n return _this;\n }\n\n Range.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var _this2 = this;\n\n if (!('value' in nextProps || 'min' in nextProps || 'max' in nextProps)) return;\n if (this.props.min === nextProps.min && this.props.max === nextProps.max && (0, _shallowequal2[\"default\"])(this.props.value, nextProps.value)) {\n return;\n }\n var bounds = this.state.bounds;\n\n var value = nextProps.value || bounds;\n var nextBounds = value.map(function (v) {\n return _this2.trimAlignValue(v, nextProps);\n });\n if (nextBounds.length === bounds.length && nextBounds.every(function (v, i) {\n return v === bounds[i];\n })) return;\n\n this.setState({ bounds: nextBounds });\n if (bounds.some(function (v) {\n return utils.isValueOutOfRange(v, nextProps);\n })) {\n this.props.onChange(nextBounds);\n }\n };\n\n Range.prototype.onChange = function onChange(state) {\n var props = this.props;\n var isNotControlled = !('value' in props);\n if (isNotControlled) {\n this.setState(state);\n } else if (state.handle !== undefined) {\n this.setState({ handle: state.handle });\n }\n\n var data = _extends({}, this.state, state);\n var changedValue = data.bounds;\n props.onChange(changedValue);\n };\n\n Range.prototype.onStart = function onStart(position) {\n //1.getValue():this.state.bounds\n //2.calcValueByPos():同slider.js\n //3.getClosestBound()：vs utils.jsx中的getClosestPoints()，返回closestBound为数组坐标\n //4.getBoundNeedMoving()：一般返回closestBound;特殊情况就是closeBound=0的情况1确实是0，2.两点重合来判断点落在左侧还是右侧\n var props = this.props;\n var state = this.state;\n var bounds = this.getValue();\n props.onBeforeChange(bounds);\n\n var value = this.calcValueByPos(position);\n this.startValue = value;\n this.startPosition = position;\n\n var closestBound = this.getClosestBound(value);\n var boundNeedMoving = this.getBoundNeedMoving(value, closestBound);\n\n this.setState({\n handle: boundNeedMoving,\n recent: boundNeedMoving\n });\n\n console.log('handle是：' + boundNeedMoving + \"recent是：\" + boundNeedMoving);\n var prevValue = bounds[boundNeedMoving];\n if (value === prevValue) return;\n\n var nextBounds = [].concat(_toConsumableArray(state.bounds));\n nextBounds[boundNeedMoving] = value;\n this.onChange({ bounds: nextBounds });\n };\n\n Range.prototype.onMove = function onMove(e, position) {\n utils.pauseEvent(e);\n var props = this.props;\n var state = this.state;\n\n var value = this.calcValueByPos(position);\n var oldValue = state.bounds[state.handle];\n if (value === oldValue) return;\n\n var nextBounds = [].concat(_toConsumableArray(state.bounds));\n nextBounds[state.handle] = value;\n var nextHandle = state.handle;\n if (props.pushable !== false) {\n var originalValue = state.bounds[nextHandle];\n this.pushSurroundingHandles(nextBounds, nextHandle, originalValue);\n } else if (props.allowCross) {\n nextBounds.sort(function (a, b) {\n return a - b;\n });\n nextHandle = nextBounds.indexOf(value);\n }\n this.onChange({\n handle: nextHandle,\n bounds: nextBounds\n });\n };\n\n Range.prototype.onKeyboard = function onKeyboard() {\n (0, _warning2[\"default\"])(true, 'Keyboard support is not yet supported for ranges.');\n };\n\n Range.prototype.getValue = function getValue() {\n return this.state.bounds;\n };\n\n Range.prototype.getClosestBound = function getClosestBound(value) {\n //注意都是从0开始算，因此handle会重新计算，哪怕当初操作1，再次操作可能会变成0\n var bounds = this.state.bounds;\n\n var closestBound = 0;\n for (var i = 1; i < bounds.length - 1; ++i) {\n if (value > bounds[i]) {\n closestBound = i;\n }\n }\n if (Math.abs(bounds[closestBound + 1] - value) < Math.abs(bounds[closestBound] - value)) {\n closestBound = closestBound + 1;\n }\n return closestBound;\n };\n\n Range.prototype.getBoundNeedMoving = function getBoundNeedMoving(value, closestBound) {\n var _state = this.state,\n bounds = _state.bounds,\n recent = _state.recent;\n\n var boundNeedMoving = closestBound;\n var isAtTheSamePoint = bounds[closestBound + 1] === bounds[closestBound];\n if (isAtTheSamePoint) {\n boundNeedMoving = recent;\n }\n\n if (isAtTheSamePoint && value !== bounds[closestBound + 1]) {\n boundNeedMoving = value < bounds[closestBound + 1] ? closestBound : closestBound + 1;\n }\n return boundNeedMoving;\n };\n\n Range.prototype.getLowerBound = function getLowerBound() {\n return this.state.bounds[0];\n };\n\n Range.prototype.getUpperBound = function getUpperBound() {\n var bounds = this.state.bounds;\n\n return bounds[bounds.length - 1];\n };\n\n /**\n * Returns an array of possible slider points, taking into account both\n * `marks` and `step`. The result is cached.\n */\n\n\n Range.prototype.getPoints = function getPoints() {\n var _props = this.props,\n marks = _props.marks,\n step = _props.step,\n min = _props.min,\n max = _props.max;\n\n var cache = this._getPointsCache;\n if (!cache || cache.marks !== marks || cache.step !== step) {\n var pointsObject = _extends({}, marks);\n if (step !== null) {\n for (var point = min; point <= max; point += step) {\n pointsObject[point] = point;\n }\n }\n var points = Object.keys(pointsObject).map(parseFloat);\n points.sort(function (a, b) {\n return a - b;\n });\n this._getPointsCache = { marks: marks, step: step, points: points };\n }\n return this._getPointsCache.points;\n };\n\n Range.prototype.pushSurroundingHandles = function pushSurroundingHandles(bounds, handle, originalValue) {\n var threshold = this.props.pushable;\n\n var value = bounds[handle];\n\n var direction = 0;\n if (bounds[handle + 1] - value < threshold) {\n direction = +1; // push to right\n }\n if (value - bounds[handle - 1] < threshold) {\n direction = -1; // push to left\n }\n\n if (direction === 0) {\n return;\n }\n\n var nextHandle = handle + direction;\n var diffToNext = direction * (bounds[nextHandle] - value);\n if (!this.pushHandle(bounds, nextHandle, direction, threshold - diffToNext)) {\n // revert to original value if pushing is impossible\n bounds[handle] = originalValue;\n }\n };\n\n Range.prototype.pushHandle = function pushHandle(bounds, handle, direction, amount) {\n var originalValue = bounds[handle];\n var currentValue = bounds[handle];\n while (direction * (currentValue - originalValue) < amount) {\n if (!this.pushHandleOnePoint(bounds, handle, direction)) {\n // can't push handle enough to create the needed `amount` gap, so we\n // revert its position to the original value\n bounds[handle] = originalValue;\n return false;\n }\n currentValue = bounds[handle];\n }\n // the handle was pushed enough to create the needed `amount` gap\n return true;\n };\n\n Range.prototype.pushHandleOnePoint = function pushHandleOnePoint(bounds, handle, direction) {\n var points = this.getPoints();\n var pointIndex = points.indexOf(bounds[handle]);\n var nextPointIndex = pointIndex + direction;\n if (nextPointIndex >= points.length || nextPointIndex < 0) {\n // reached the minimum or maximum available point, can't push anymore\n return false;\n }\n var nextHandle = handle + direction;\n var nextValue = points[nextPointIndex];\n var threshold = this.props.pushable;\n\n var diffToNext = direction * (bounds[nextHandle] - nextValue);\n if (!this.pushHandle(bounds, nextHandle, direction, threshold - diffToNext)) {\n // couldn't push next handle, so we won't push this one either\n return false;\n }\n // push the handle\n bounds[handle] = nextValue;\n return true;\n };\n\n Range.prototype.trimAlignValue = function trimAlignValue(v) {\n var nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var mergedProps = _extends({}, this.props, nextProps);\n var valInRange = utils.ensureValueInRange(v, mergedProps);\n var valNotConflict = this.ensureValueNotConflict(valInRange, mergedProps);\n return utils.ensureValuePrecision(valNotConflict, mergedProps);\n };\n\n Range.prototype.ensureValueNotConflict = function ensureValueNotConflict(val, _ref) {\n var allowCross = _ref.allowCross;\n\n var state = this.state || {};\n var handle = state.handle,\n bounds = state.bounds;\n /* eslint-disable eqeqeq */\n\n if (!allowCross && handle != null) {\n //最右边的点只能执行这个，因为handle=bounds.length-1；中间点也走这个判断\n if (handle > 0 && val <= bounds[handle - 1]) {\n console.log(\"ensureValueNotConflict的handle\" + handle + \"ensureValueNotConflict的返回数据\" + bounds[handle - 1]);\n return bounds[handle - 1];\n }\n //最左边的点只能执行这个，因为handle=0；中间点也走这个判断\n if (handle < bounds.length - 1 && val >= bounds[handle + 1]) {\n console.log(\"ensureValueNotConflict的handle\" + handle + \"ensureValueNotConflict的返回数据\" + bounds[handle + 1]);\n return bounds[handle + 1];\n }\n }\n /* eslint-enable eqeqeq */\n return val;\n };\n\n Range.prototype.render = function render() {\n var _this3 = this;\n\n var _state2 = this.state,\n handle = _state2.handle,\n bounds = _state2.bounds;\n var _props2 = this.props,\n prefixCls = _props2.prefixCls,\n vertical = _props2.vertical,\n included = _props2.included,\n disabled = _props2.disabled,\n min = _props2.min,\n max = _props2.max,\n handleGenerator = _props2.handle,\n trackStyle = _props2.trackStyle,\n handleStyle = _props2.handleStyle;\n\n\n var offsets = bounds.map(function (v) {\n return _this3.calcOffset(v);\n });\n\n var handleClassName = prefixCls + '-handle';\n var handles = bounds.map(function (v, i) {\n var _classNames;\n\n return handleGenerator({\n className: (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, handleClassName, true), _defineProperty(_classNames, handleClassName + '-' + (i + 1), true), _classNames)),\n vertical: vertical,\n offset: offsets[i],\n value: v,\n dragging: handle === i,\n index: i,\n min: min,\n max: max,\n disabled: disabled,\n style: handleStyle[i],\n ref: function ref(h) {\n return _this3.saveHandle(i, h);\n }\n });\n });\n\n var tracks = bounds.slice(0, -1).map(function (_, index) {\n var _classNames2;\n\n var i = index + 1;\n var trackClassName = (0, _classnames2[\"default\"])((_classNames2 = {}, _defineProperty(_classNames2, prefixCls + '-track', true), _defineProperty(_classNames2, prefixCls + '-track-' + i, true), _classNames2));\n return _react2[\"default\"].createElement(_Track2[\"default\"], {\n className: trackClassName,\n vertical: vertical,\n included: included,\n offset: offsets[i - 1],\n length: offsets[i] - offsets[i - 1],\n style: trackStyle[index],\n key: i\n });\n });\n\n return { tracks: tracks, handles: handles };\n };\n\n return Range;\n}(_react2[\"default\"].Component);\n\nRange.displayName = 'Range';\nRange.propTypes = {\n defaultValue: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].number),\n value: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].number),\n disabled: _propTypes2[\"default\"].bool,\n\n count: _propTypes2[\"default\"].number,\n pushable: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].bool, _propTypes2[\"default\"].number]),\n allowCross: _propTypes2[\"default\"].bool\n};\nRange.defaultProps = {\n count: 1,\n allowCross: true,\n pushable: false\n};\nexports[\"default\"] = (0, _createSlider2[\"default\"])(Range);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 970 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _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; };\n\n/**\n* This source code is quoted from rc-slider.\n* homepage: https://github.com/react-component/slider\n*/\nmodule.exports = function shallowEqual(objA, objB, compare, compareContext) {\n\n var ret = compare ? compare.call(compareContext, objA, objB) : void 0;\n\n if (ret !== void 0) {\n return !!ret;\n }\n\n if (objA === objB) {\n return true;\n }\n\n if ((typeof objA === 'undefined' ? 'undefined' : _typeof(objA)) !== 'object' || !objA || (typeof objB === 'undefined' ? 'undefined' : _typeof(objB)) !== 'object' || !objB) {\n return false;\n }\n\n var keysA = Object.keys(objA);\n var keysB = Object.keys(objB);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);\n\n // Test for A's keys different from B.\n for (var idx = 0; idx < keysA.length; idx++) {\n\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key)) {\n return false;\n }\n\n var valueA = objA[key];\n var valueB = objB[key];\n\n ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;\n\n if (ret === false || ret === void 0 && valueA !== valueB) {\n return false;\n }\n }\n\n return true;\n};\n\n/***/ }),\n/* 971 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nexports[\"default\"] = createSliderWithTooltip;\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeTooltip = __webpack_require__(82);\n\nvar _beeTooltip2 = _interopRequireDefault(_beeTooltip);\n\nvar _Handle = __webpack_require__(146);\n\nvar _Handle2 = _interopRequireDefault(_Handle);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-slider.\n * homepage: https://github.com/react-component/slider\n */\n\n\nfunction createSliderWithTooltip(Component) {\n var _class, _temp;\n\n return _temp = _class = function (_React$Component) {\n _inherits(ComponentWrapper, _React$Component);\n\n function ComponentWrapper(props) {\n _classCallCheck(this, ComponentWrapper);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.handleTooltipVisibleChange = function (index, visible) {\n _this.setState(function (prevState) {\n return {\n visibles: _extends({}, prevState.visibles, _defineProperty({}, index, visible))\n };\n });\n };\n\n _this.handleWithTooltip = function (_ref) {\n var value = _ref.value,\n dragging = _ref.dragging,\n index = _ref.index,\n disabled = _ref.disabled,\n restProps = _objectWithoutProperties(_ref, ['value', 'dragging', 'index', 'disabled']);\n\n var _this$props = _this.props,\n tipFormatter = _this$props.tipFormatter,\n tipProps = _this$props.tipProps,\n handleStyle = _this$props.handleStyle;\n\n var _tipProps$prefixCls = tipProps.prefixCls,\n prefixCls = _tipProps$prefixCls === undefined ? 'u-slider-tooltip' : _tipProps$prefixCls,\n _tipProps$overlay = tipProps.overlay,\n overlay = _tipProps$overlay === undefined ? tipFormatter(value) : _tipProps$overlay,\n _tipProps$placement = tipProps.placement,\n placement = _tipProps$placement === undefined ? 'top' : _tipProps$placement,\n restTooltipProps = _objectWithoutProperties(tipProps, ['prefixCls', 'overlay', 'placement']);\n\n return _react2[\"default\"].createElement(\n _beeTooltip2[\"default\"],\n _extends({}, restTooltipProps, {\n className: prefixCls,\n overlay: overlay,\n shouldUpdatePosition: true,\n placement: placement,\n visible: !disabled && (_this.state.visibles[index] || dragging),\n key: index\n }),\n _react2[\"default\"].createElement(_Handle2[\"default\"], _extends({}, restProps, {\n style: _extends({}, handleStyle[0]),\n value: value,\n onMouseEnter: function onMouseEnter() {\n return _this.handleTooltipVisibleChange(index, true);\n },\n onMouseLeave: function onMouseLeave() {\n return _this.handleTooltipVisibleChange(index, false);\n }\n }))\n );\n };\n\n _this.state = { visibles: {} };\n return _this;\n }\n\n ComponentWrapper.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {};\n\n ComponentWrapper.prototype.render = function render() {\n return _react2[\"default\"].createElement(Component, _extends({}, this.props, { handle: this.handleWithTooltip }));\n };\n\n return ComponentWrapper;\n }(_react2[\"default\"].Component), _class.propTypes = {\n tipFormatter: _propTypes2[\"default\"].func,\n handleStyle: _propTypes2[\"default\"].arrayOf(_propTypes2[\"default\"].object),\n tipProps: _propTypes2[\"default\"].object\n }, _class.defaultProps = {\n tipFormatter: function tipFormatter(value) {\n return value;\n },\n\n handleStyle: [{}],\n tipProps: {}\n }, _temp;\n}\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 972 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(973);\nmodule.exports = __webpack_require__(974);\n\n/***/ }),\n/* 973 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 974 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _AutoComplete = __webpack_require__(975);\n\nvar _AutoComplete2 = _interopRequireDefault(_AutoComplete);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _AutoComplete2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 975 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n value: _propTypes2[\"default\"].any,\n show: _propTypes2[\"default\"].bool,\n options: _propTypes2[\"default\"].array,\n onChange: _propTypes2[\"default\"].func,\n onSelectOption: _propTypes2[\"default\"].func\n};\nvar defaultProps = {\n value: \"\",\n show: false,\n options: [],\n clsPrefix: 'u-autocomplete',\n onBlur: function onBlur() {},\n onKeyDown: function onKeyDown() {},\n onValueChange: function onValueChange() {},\n onChange: function onChange() {},\n onSelectOption: function onSelectOption() {}\n};\n\nvar AutoComplete = function (_React$Component) {\n _inherits(AutoComplete, _React$Component);\n\n function AutoComplete(props) {\n _classCallCheck(this, AutoComplete);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.state = {\n show: props.show, //控制自动匹配列表的显示与隐藏\n displayValue: '',\n activeItemIndex: -1,\n options: props.options,\n value: props.value,\n placeholder: props.placeholder\n };\n _this.handleKeyDown = _this.handleKeyDown.bind(_this);\n _this.handleLeave = _this.handleLeave.bind(_this);\n _this.handleEnter = _this.handleEnter.bind(_this);\n _this.handleChangeList = _this.handleChangeList.bind(_this);\n _this.moveItem = _this.moveItem.bind(_this);\n _this.handLeBlur = _this.handLeBlur.bind(_this);\n return _this;\n }\n\n AutoComplete.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if ('value' in nextProps && nextProps.value !== this.props.value) {\n var value = nextProps.value;\n this.setState({\n value: value\n });\n }\n if ('options' in nextProps && nextProps.options !== this.props.options) {\n var options = nextProps.options;\n this.setState({\n options: options\n });\n }\n if ('show' in nextProps && nextProps.show !== this.props.show) {\n var show = nextProps.show;\n this.setState({\n show: show\n });\n }\n };\n\n AutoComplete.prototype.handleChange = function handleChange(value) {\n var arr = [];\n var valueArr = this.props.options;\n valueArr.sort();\n if (value.replace(/(^\\s*)|(\\s*$)/g, '') == \"\") {\n this.setState({\n value: \"\",\n activeItemIndex: -1,\n show: false\n });\n this.props.onValueChange(value);\n this.props.onChange(value);\n return;\n }\n\n for (var i = 0; i < valueArr.length; i++) {\n if (valueArr[i].indexOf(value) != -1) {\n arr.push(valueArr[i]);\n }\n }\n this.setState({\n options: arr,\n show: true,\n activeItemIndex: -1,\n displayValue: '',\n value: value\n });\n this.props.onValueChange(value);\n this.props.onChange(value);\n };\n\n /**\n * 自动匹配的列表被选中其中某一个\n * @param {*} value\n */\n\n\n AutoComplete.prototype.handleChangeList = function handleChangeList(value) {\n this.setState({\n show: false,\n displayValue: ''\n });\n this.props.onValueChange(value);\n this.props.onChange(value);\n this.props.onSelectOption(value);\n };\n\n AutoComplete.prototype.handleKeyDown = function handleKeyDown(e) {\n var _state = this.state,\n displayValue = _state.displayValue,\n activeItemIndex = _state.activeItemIndex;\n var _props = this.props,\n options = _props.options,\n onValueChange = _props.onValueChange,\n onKeyDown = _props.onKeyDown,\n onChange = _props.onChange;\n\n onKeyDown(e);\n switch (e.keyCode) {\n // 13为回车键的键码（keyCode）\n case 13:\n {\n this.setState({\n show: false\n });\n onValueChange(displayValue, activeItemIndex);\n onChange(displayValue, activeItemIndex);\n break;\n }\n // 38为上方向键，40为下方向键\n case 38:\n case 40:\n {\n e.preventDefault();\n // 使用moveItem方法对更新或取消选中项\n this.moveItem(e.keyCode === 38 ? 'up' : 'down');\n break;\n }\n }\n };\n\n AutoComplete.prototype.moveItem = function moveItem(direction) {\n var _state2 = this.state,\n activeItemIndex = _state2.activeItemIndex,\n options = _state2.options;\n\n var lastIndex = options.length - 1;\n var newIndex = -1;\n\n // 计算新的activeItemIndex\n if (direction === 'up') {\n if (activeItemIndex === -1) {\n // 如果没有选中项则选择最后一项\n newIndex = lastIndex;\n } else {\n newIndex = activeItemIndex - 1;\n }\n } else {\n if (activeItemIndex < lastIndex) {\n newIndex = activeItemIndex + 1;\n }\n }\n\n // 获取新的displayValue\n var newDisplayValue = '';\n if (newIndex >= 0) {\n newDisplayValue = options[newIndex];\n }\n\n // 更新状态\n this.setState({\n displayValue: newDisplayValue,\n activeItemIndex: newIndex\n });\n };\n\n AutoComplete.prototype.handleEnter = function handleEnter(index) {\n var currentItem = this.props.options[index];\n this.setState({ activeItemIndex: index, displayValue: currentItem });\n };\n\n AutoComplete.prototype.handleLeave = function handleLeave() {\n this.setState({ activeItemIndex: -1, displayValue: '' });\n };\n\n AutoComplete.prototype.handLeBlur = function handLeBlur() {\n var _this2 = this;\n\n this.props.onBlur(this.state.value);\n setTimeout(function () {\n _this2.setState({\n show: false\n });\n }, 300);\n };\n\n AutoComplete.prototype.render = function render() {\n var _this3 = this;\n\n var _state3 = this.state,\n show = _state3.show,\n displayValue = _state3.displayValue,\n activeItemIndex = _state3.activeItemIndex,\n options = _state3.options;\n\n var _props2 = this.props,\n disabled = _props2.disabled,\n clsPrefix = _props2.clsPrefix,\n onKeyDown = _props2.onKeyDown,\n onBlur = _props2.onBlur,\n onValueChange = _props2.onValueChange,\n onChange = _props2.onChange,\n value = _props2.value,\n placeholder = _props2.placeholder,\n props = _objectWithoutProperties(_props2, ['disabled', 'clsPrefix', 'onKeyDown', 'onBlur', 'onValueChange', 'onChange', 'value', 'placeholder']);\n\n var optionList = options.map(function (item, index) {\n return _react2[\"default\"].createElement(\n 'li',\n {\n key: index,\n className: index === activeItemIndex ? \"active\" : '',\n onMouseEnter: function onMouseEnter() {\n return _this3.handleEnter(index);\n },\n onClick: function onClick() {\n return _this3.handleChangeList(item);\n }\n },\n item.text || item\n );\n });\n return _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix, this.props.className) },\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], _extends({}, props, {\n value: displayValue || this.state.value,\n disabled: disabled,\n onChange: function onChange(value) {\n _this3.handleChange(value);\n },\n onKeyDown: this.handleKeyDown,\n placeholder: this.state.placeholder,\n onBlur: this.handLeBlur\n })),\n show && options.length > 0 && _react2[\"default\"].createElement(\n 'ul',\n { className: clsPrefix + '-options', onMouseLeave: this.handleLeave },\n optionList\n )\n );\n };\n\n return AutoComplete;\n}(_react2[\"default\"].Component);\n\nAutoComplete.propTypes = propTypes;\nAutoComplete.defaultProps = defaultProps;\nexports[\"default\"] = AutoComplete;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 976 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(977);\nmodule.exports = __webpack_require__(978);\n\n/***/ }),\n/* 977 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 978 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _LoadingState = __webpack_require__(979);\n\nvar _LoadingState2 = _interopRequireDefault(_LoadingState);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _LoadingState2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 979 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _beeLoading = __webpack_require__(250);\n\nvar _beeLoading2 = _interopRequireDefault(_beeLoading);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames2 = __webpack_require__(3);\n\nvar _classnames3 = _interopRequireDefault(_classnames2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * @title loading时的文字\n */\n loadingText: _propTypes2[\"default\"].string,\n /**\n * @title\n */\n children: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].node]),\n show: _propTypes2[\"default\"].bool,\n showBackDrop: _propTypes2[\"default\"].bool\n\n};\n\nvar defaultProps = {\n show: false,\n clsPrefix: 'u-loading-state',\n loadingText: '',\n showBackDrop: false\n};\n\nvar LoadingState = function (_React$Component) {\n _inherits(LoadingState, _React$Component);\n\n function LoadingState(props) {\n _classCallCheck(this, LoadingState);\n\n var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));\n\n _this.state = {\n clickFlag: false,\n loadingText: _this.props.children\n };\n return _this;\n }\n\n LoadingState.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n clsPrefix = _props.clsPrefix,\n children = _props.children,\n show = _props.show,\n loadingText = _props.loadingText,\n showBackDrop = _props.showBackDrop,\n others = _objectWithoutProperties(_props, ['className', 'clsPrefix', 'children', 'show', 'loadingText', 'showBackDrop']);\n\n var labelClass = (0, _classnames3[\"default\"])(_defineProperty({}, clsPrefix + '-label', show));\n var loadingStateClass = (0, _classnames3[\"default\"])(clsPrefix, className);\n var beeIcon = _react2[\"default\"].createElement(\n 'div',\n { className: 'rotate-icon-container' },\n _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-loadingstate' })\n );\n return _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n _extends({\n className: loadingStateClass,\n disabled: show\n }, others),\n _react2[\"default\"].createElement(_beeLoading2[\"default\"], { show: show, container: this, showBackDrop: showBackDrop, loadingType: 'custom', indicator: beeIcon }),\n _react2[\"default\"].createElement(\n 'div',\n { className: labelClass },\n show && loadingText ? loadingText : children\n )\n );\n };\n\n return LoadingState;\n}(_react2[\"default\"].Component);\n\nLoadingState.propTypes = propTypes;\nLoadingState.defaultProps = defaultProps;\n\nexports[\"default\"] = LoadingState;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 980 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(981);\n\n/***/ }),\n/* 981 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Locale = __webpack_require__(982);\n\nvar _Locale2 = _interopRequireDefault(_Locale);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Locale2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 982 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _zh_CN = __webpack_require__(983);\n\nvar _zh_CN2 = _interopRequireDefault(_zh_CN);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n locale: _propTypes2[\"default\"].object\n};\nvar defaultProps = {\n locale: _zh_CN2[\"default\"]\n};\n\nvar childContextTypes = {\n beeLocale: _propTypes2[\"default\"].object\n};\n\nvar Locale = function (_Component) {\n _inherits(Locale, _Component);\n\n function Locale() {\n _classCallCheck(this, Locale);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n Locale.prototype.getChildContext = function getChildContext() {\n return {\n beeLocale: _extends({}, this.props.locale, {\n exist: true\n })\n };\n };\n\n Locale.prototype.render = function render() {\n return _react2[\"default\"].Children.only(this.props.children);\n };\n\n return Locale;\n}(_react.Component);\n\n;\n\nLocale.propTypes = propTypes;\nLocale.defaultProps = defaultProps;\nLocale.childContextTypes = childContextTypes;\n\nexports[\"default\"] = Locale;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 983 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports[\"default\"] = {\n lang: 'zh_CN',\n Popconfirm: {\n 'ok': '确认',\n 'cancel': '取消'\n },\n Table: {\n 'resetSettings': '还原设置',\n 'include': '包含',\n 'exclusive': '不包含',\n 'equal': '等于',\n 'unequal': '不等于',\n 'begin': '以开始',\n 'end': '以结尾',\n 'greater_than': '大于',\n 'great_than_equal_to': '大于等于',\n 'less_than': '小于',\n 'less_than_equal_to': '小于等于',\n 'be_equal_to': '等于',\n 'not_equal_to': '不等于',\n \"no_data\": '暂无数据'\n },\n Clipboard: {\n 'copy': '复制',\n 'cut': '剪切',\n 'copyReady': '已复制',\n 'cutReady': '已剪切',\n 'copyToClipboard': '复制到剪切板',\n 'close': '关闭'\n },\n Pagination: {\n 'total': '共',\n 'items': '条',\n 'show': '显示',\n 'goto': '跳至',\n 'page': '页',\n 'ok': '确认'\n },\n Grid: {\n 'lang': 'zh-cn',\n 'fixTitle': '锁定',\n 'noFixTitle': '解锁',\n 'hideTitle': '隐藏',\n 'rowFilter': '行过滤',\n 'openRowFilter': '打开行过滤',\n 'closeRowFilter': '关闭行过滤'\n },\n SearchPanel: {\n 'title': '默认筛选',\n 'resetName': '清空',\n 'searchName': '查询',\n 'down': '展开',\n 'up': '收起'\n },\n InputNumber: {\n 'msgMax': '值不能大于最大值',\n 'msgMin': '值不能小于最小值'\n },\n Modal: {\n 'ok': '确定',\n 'gotit': '知道了',\n 'cancel': '取消'\n }\n};\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 984 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(985);\nmodule.exports = __webpack_require__(986);\n\n/***/ }),\n/* 985 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 986 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Popover = __webpack_require__(987);\n\nvar _Popover2 = _interopRequireDefault(_Popover);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Popover2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 987 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"]) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); } }; }();\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _createChainedFunction = __webpack_require__(46);\n\nvar _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);\n\nvar _splitComponent = __webpack_require__(110);\n\nvar _splitComponent2 = _interopRequireDefault(_splitComponent);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _Overlay = __webpack_require__(123);\n\nvar _Overlay2 = _interopRequireDefault(_Overlay);\n\nvar _Content = __webpack_require__(988);\n\nvar _Content2 = _interopRequireDefault(_Content);\n\nvar _beeTooltip = __webpack_require__(82);\n\nvar _beeTooltip2 = _interopRequireDefault(_beeTooltip);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\n//TODO: 当多个Popover在一个组件内时，显示一个会触发多个渲染。见demo1.\n\nvar isReact16 = _reactDom2[\"default\"].createPortal !== undefined;\n\nvar triggerType = _propTypes2[\"default\"].oneOf(['click', 'hover', 'focus']);\n\n/**\n * 检查值是属于这个值，还是等于这个值\n *\n * @param {string} one\n * @param {string|array} of\n * @returns {boolean}\n */\nfunction isOneOf(one, of) {\n if (Array.isArray(of)) {\n return of.indexOf(one) >= 0;\n }\n return one === of;\n}\n\nvar propTypes = _extends({}, _Overlay2[\"default\"].propTypes, {\n\n id: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n // FIXME: This should be `defaultShow`.\n /**\n * 覆盖的初始可见性状态。对于更细微的可见性控制，请考虑直接使用覆盖组件。\n */\n defaultOverlayShown: _propTypes2[\"default\"].bool,\n /**\n * 弹出框标题\n */\n title: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].node, _propTypes2[\"default\"].string]),\n /**\n * 要覆盖在目标旁边的元素或文本。\n */\n content: _propTypes2[\"default\"].node.isRequired,\n /**\n * 显示和隐藏覆盖一旦触发的毫秒延迟量\n */\n delay: _propTypes2[\"default\"].number,\n /**\n * 触发后显示叠加层之前的延迟毫秒\n */\n delayShow: _propTypes2[\"default\"].number,\n /**\n * 触发后隐藏叠加层的延迟毫秒\n */\n delayHide: _propTypes2[\"default\"].number,\n\n /**\n * @private\n */\n onClick: _propTypes2[\"default\"].func,\n onClose: _propTypes2[\"default\"].func,\n onCancel: _propTypes2[\"default\"].func,\n\n // Overridden props from ``.\n /**\n * @private\n */\n target: _propTypes2[\"default\"].oneOf([null]),\n /**\n * @private\n */\n onHide: _propTypes2[\"default\"].func,\n /**\n * @private\n */\n show: _propTypes2[\"default\"].bool,\n\n trigger: _propTypes2[\"default\"].oneOfType([triggerType, _propTypes2[\"default\"].arrayOf(triggerType)]),\n /**\n * @private\n */\n rootClose: _propTypes2[\"default\"].bool,\n /**\n * @private\n */\n onBlur: _propTypes2[\"default\"].func,\n /**\n * @private\n */\n onFocus: _propTypes2[\"default\"].func,\n /**\n * @private\n */\n onMouseOut: _propTypes2[\"default\"].func,\n /**\n * @private\n */\n onMouseOver: _propTypes2[\"default\"].func\n});\n\nvar defaultProps = {\n placement: 'right',\n clsPrefix: 'u-popover',\n rootClose: true,\n defaultOverlayShown: false\n};\n\nvar Popover = function (_Component) {\n _inherits(Popover, _Component);\n\n function Popover(props, context) {\n _classCallCheck(this, Popover);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));\n\n _initialiseProps.call(_this);\n\n _this._mountNode = null;\n\n var visible = void 0;\n if ('show' in props) {\n visible = !!props.show;\n } else {\n visible = !!props.defaultOverlayShown;\n }\n _this.state = {\n show: visible\n };\n return _this;\n }\n\n Popover.prototype.componentDidMount = function componentDidMount() {\n this._mountNode = document.createElement('div');\n };\n\n Popover.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {\n if ('show' in this.props && prevProps.show !== this.props.show) {\n this.setState({\n show: this.props.show\n });\n }\n };\n\n Popover.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n id = _props.id,\n clsPrefix = _props.clsPrefix,\n className = _props.className,\n content = _props.content,\n title = _props.title,\n children = _props.children,\n onClick = _props.onClick,\n trigger = _props.trigger,\n onBlur = _props.onBlur,\n onFocus = _props.onFocus,\n onMouseOut = _props.onMouseOut,\n onMouseOver = _props.onMouseOver,\n positionTop = _props.positionTop,\n positionLeft = _props.positionLeft,\n rootClose = _props.rootClose,\n defaultOverlayShown = _props.defaultOverlayShown,\n container = _props.container,\n show = _props.show,\n props = _objectWithoutProperties(_props, ['id', 'clsPrefix', 'className', 'content', 'title', 'children', 'onClick', 'trigger', 'onBlur', 'onFocus', 'onMouseOut', 'onMouseOver', 'positionTop', 'positionLeft', 'rootClose', 'defaultOverlayShown', 'container', 'show']);\n\n delete props.delay;\n delete props.delayShow;\n delete props.delayHide;\n delete props.defaultOverlayShown;\n\n var _splitComponentProps = (0, _splitComponent2[\"default\"])(props, _Overlay2[\"default\"]),\n _splitComponentProps2 = _slicedToArray(_splitComponentProps, 2),\n overlayProps = _splitComponentProps2[0],\n confirmProps = _splitComponentProps2[1];\n\n var child = _react2[\"default\"].Children.only(children);\n var childProps = child.props;\n\n var overlay = _react2[\"default\"].createElement(\n _Content2[\"default\"],\n _extends({ placement: props.placement }, confirmProps, { title: title, id: 'u-popover-content' }),\n content\n );\n\n var triggerProps = {\n 'aria-describedby': overlay.props.id\n };\n\n // FIXME: 这里用于传递这个组件上的处理程序的逻辑是不一致的。我们不应该通过任何这些道具。\n\n triggerProps.onClick = (0, _createChainedFunction2[\"default\"])(childProps.onClick, onClick);\n\n this._overlay = this.makeOverlay(overlay, overlayProps);\n\n triggerProps.key = 'overlay';\n\n var portal = _react2[\"default\"].createElement(\n _beeTooltip2[\"default\"],\n _extends({}, props, {\n className: (0, _classnames2[\"default\"])(className, clsPrefix, 'u-popover-tooltip'),\n id: id,\n inverse: true,\n overlay: this._overlay,\n trigger: trigger,\n placement: props.placement,\n container: container,\n positionTop: positionTop,\n positionLeft: positionLeft,\n rootClose: rootClose,\n defaultOverlayShown: defaultOverlayShown,\n onVisibleChange: this.onVisibleChange,\n onHide: function onHide() {\n return _this2.hide(false);\n }\n }),\n this.props.children\n );\n\n return 'show' in this.props ? (0, _react.cloneElement)(portal, {\n visible: this.state.show\n }) : portal;\n };\n\n return Popover;\n}(_react.Component);\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.makeOverlay = function (overlay, props) {\n return _react2[\"default\"].createElement(\n 'div',\n null,\n overlay\n );\n };\n\n this.onVisibleChange = function (visible) {\n var onVisibleChange = _this3.props.onVisibleChange;\n\n onVisibleChange && onVisibleChange(visible);\n };\n\n this.hide = function (visible) {\n var onHide = _this3.props.onHide;\n\n if (typeof onHide !== 'undefined') {\n //向下兼容\n onHide(visible);\n } else {\n _this3.setState({ show: visible });\n }\n };\n};\n\nPopover.propTypes = propTypes;\nPopover.defaultProps = defaultProps;\n\nexports[\"default\"] = Popover;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 988 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _isRequiredForA11y = __webpack_require__(181);\n\nvar _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * An html id attribute, necessary for accessibility\n * @type {string}\n * @required\n */\n id: (0, _isRequiredForA11y2[\"default\"])(_propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].number])),\n\n /**\n * Sets the direction the Popover is positioned towards.\n */\n placement: _propTypes2[\"default\"].oneOf([\"top\", \"right\", \"bottom\", \"left\", \"topLeft\", \"rightTop\", \"bottomLeft\", \"leftTop\", \"topRight\", \"rightBottom\", \"bottomRight\", \"leftBottom\"]),\n\n /**\n * The \"top\" position value for the Popover.\n */\n positionTop: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n /**\n * The \"left\" position value for the Popover.\n */\n positionLeft: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n\n /**\n * The \"top\" position value for the Popover arrow.\n */\n arrowOffsetTop: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n /**\n * The \"left\" position value for the Popover arrow.\n */\n arrowOffsetLeft: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string])\n};\n\nvar defaultProps = {\n placement: 'right',\n clsPrefix: 'u-popover'\n};\n\nvar PLACECLASS = {\n right: 'right',\n top: 'top',\n bottom: 'bottom',\n left: 'left',\n rightTop: 'right-top',\n rightBottom: 'right-bottom',\n leftTop: 'left-top',\n leftBottom: 'left-bottom',\n topRight: 'top-right',\n topLeft: 'top-left',\n bottomLeft: 'bottom-left',\n bottomRight: 'bottom-right'\n};\n\nvar Content = function (_React$Component) {\n _inherits(Content, _React$Component);\n\n function Content() {\n _classCallCheck(this, Content);\n\n return _possibleConstructorReturn(this, _React$Component.apply(this, arguments));\n }\n\n Content.prototype.getInversePlacement = function getInversePlacement(className, placement) {\n if (placement && className && className.includes('inverse-arrow')) {\n var inversePlacement = null;\n if (placement.startsWith('left')) {\n placement = placement.replace('left', 'right');\n } else if (placement.startsWith('right')) {\n placement = placement.replace('right', 'left');\n } else if (placement.startsWith('top')) {\n placement = placement.replace('top', 'bottom');\n } else if (placement.startsWith('bottom')) {\n placement = placement.replace('bottom', 'top');\n }\n return inversePlacement ? inversePlacement : placement;\n } else {\n return placement;\n }\n };\n\n Content.prototype.render = function render() {\n var _classes;\n\n var _props = this.props,\n title = _props.title,\n placement = _props.placement,\n positionTop = _props.positionTop,\n positionLeft = _props.positionLeft,\n arrowOffsetTop = _props.arrowOffsetTop,\n arrowOffsetLeft = _props.arrowOffsetLeft,\n clsPrefix = _props.clsPrefix,\n className = _props.className,\n style = _props.style,\n id = _props.id,\n children = _props.children,\n trigger = _props.trigger,\n others = _objectWithoutProperties(_props, ['title', 'placement', 'positionTop', 'positionLeft', 'arrowOffsetTop', 'arrowOffsetLeft', 'clsPrefix', 'className', 'style', 'id', 'children', 'trigger']);\n\n var resPlacement = this.getInversePlacement(className, placement);\n var classes = (_classes = {}, _defineProperty(_classes, '' + clsPrefix, true), _defineProperty(_classes, PLACECLASS[resPlacement], true), _classes);\n\n var outerStyle = _extends({\n display: 'block',\n top: positionTop,\n left: positionLeft\n }, style);\n\n // const arrowStyle = {\n // top: arrowOffsetTop,\n // left: arrowOffsetLeft,\n // }; \n return _react2[\"default\"].createElement(\n 'div',\n null,\n title && _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix + '-title') },\n title\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix + '-content') },\n children\n )\n );\n };\n\n return Content;\n}(_react2[\"default\"].Component);\n\nContent.propTypes = propTypes;\nContent.defaultProps = defaultProps;\n\nexports[\"default\"] = Content;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 989 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(990);\nmodule.exports = __webpack_require__(991);\n\n\n/***/ }),\n/* 990 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 991 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Anchor = __webpack_require__(992);\n\nvar _Anchor2 = _interopRequireDefault(_Anchor);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Anchor2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 992 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _gumshoejs = __webpack_require__(993);\n\nvar _gumshoejs2 = _interopRequireDefault(_gumshoejs);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n selector: _propTypes2[\"default\"].string.isRequired, //选择器\n offset: _propTypes2[\"default\"].any, //偏移量\n navClass: _propTypes2[\"default\"].string, //当前被激活锚点新增的类名\n contentClass: _propTypes2[\"default\"].string, //当前被激活的区域\n nested: _propTypes2[\"default\"].bool,\n nestedClass: _propTypes2[\"default\"].string,\n reflow: _propTypes2[\"default\"].bool,\n event: _propTypes2[\"default\"].bool, //是否添加监听事件\n activeHandle: _propTypes2[\"default\"].func, //被激活的回调\n deactiveHandle: _propTypes2[\"default\"].func //激活后的回调\n};\nvar defaultProps = {\n navClass: 'active', // applied to the nav list item\n contentClass: 'active', // applied to the content\n\n // Nested navigation\n nested: false, // if true, add classes to parents of active link\n nestedClass: 'active', // applied to the parent items\n\n // Offset & reflow\n offset: 0, // how far from the top of the page to activate a content area\n reflow: false, // if true, listen for reflows\n\n // Event support\n events: true, // if true, emit custom events\n activeHandle: function activeHandle() {},\n deactiveHandle: function deactiveHandle() {}\n};\n\nvar Anchor = function (_Component) {\n _inherits(Anchor, _Component);\n\n function Anchor() {\n _classCallCheck(this, Anchor);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n Anchor.prototype.componentDidMount = function componentDidMount() {\n var props = this.props;\n this.anchor = new _gumshoejs2[\"default\"](props.selector, _extends({}, props));\n this.anchorDOM.addEventListener('gumshoeActivate', function (event) {\n // The list item\n var li = event.target; //列表\n\n // The link\n var link = event.detail.link; //a标签\n\n // The content\n var content = event.detail.content; //内容区域\n\n props.activeHandle(li, link, content);\n });\n this.anchorDOM.addEventListener('gumshoeDeactivate', function (event) {\n var li = event.target; //列表\n\n // The link\n var link = event.detail.link; //a标签\n\n // The content\n var content = event.detail.content; //内容区域\n\n props.deactiveHandle(li, link, content);\n });\n };\n\n Anchor.prototype.componentDidUpdate = function componentDidUpdate() {\n this.anchor.setup();\n this.anchor.detect();\n };\n\n Anchor.prototype.componentWillUnmount = function componentWillUnmount() {\n this.anchor.destroy();\n };\n\n Anchor.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n navClass = _props.navClass,\n contentClass = _props.contentClass,\n nested = _props.nested,\n nestedClass = _props.nestedClass,\n offset = _props.offset,\n reflow = _props.reflow,\n events = _props.events,\n activeHandle = _props.activeHandle,\n deactiveHandle = _props.deactiveHandle,\n others = _objectWithoutProperties(_props, ['navClass', 'contentClass', 'nested', 'nestedClass', 'offset', 'reflow', 'events', 'activeHandle', 'deactiveHandle']);\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: 'u-anchor', ref: function ref(_ref) {\n _this2.anchorDOM = _ref;\n } }, others),\n this.props.children\n );\n };\n\n return Anchor;\n}(_react.Component);\n\n;\n\nAnchor.propTypes = propTypes;\nAnchor.defaultProps = defaultProps;\nexports[\"default\"] = Anchor;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 993 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/* WEBPACK VAR INJECTION */(function(global) {var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! gumshoejs v5.1.2 | (c) 2019 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/gumshoe */\n!(function(e,t){ true?!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function(){return t(e)}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)):\"object\"==typeof exports?module.exports=t(e):e.Gumshoe=t(e)})(\"undefined\"!=typeof global?global:\"undefined\"!=typeof window?window:this,(function(e){\"use strict\";var t={navClass:\"active\",contentClass:\"active\",nested:!1,nestedClass:\"active\",offset:0,reflow:!1,events:!0},n=function(e,t,n){if(n.settings.events){var o=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:n});t.dispatchEvent(o)}},o=function(e){var t=0;if(e.offsetParent)for(;e;)t+=e.offsetTop,e=e.offsetParent;return t>=0?t:0},s=function(e){e&&e.sort((function(e,t){return o(e.content)=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},r=function(e,t){var n=e[e.length-1];if(function(e,t){return!(!i()||!c(e.content,t,!0))}(n,t))return n;for(var o=e.length-1;o>=0;o--)if(c(e[o].content,t))return e[o]},a=function(e,t){if(t.nested&&e.parentNode){var n=e.parentNode.closest(\"li\");n&&(n.classList.remove(t.nestedClass),a(n,t))}},l=function(e,t){if(e){var o=e.nav.closest(\"li\");o&&(o.classList.remove(t.navClass),e.content.classList.remove(t.contentClass),a(o,t),n(\"gumshoeDeactivate\",o,{link:e.nav,content:e.content,settings:t}))}},u=function(e,t){if(t.nested){var n=e.parentNode.closest(\"li\");n&&(n.classList.add(t.nestedClass),u(n,t))}};return function(o,c){var i,a,f,d,v,m={};m.setup=function(){i=document.querySelectorAll(o),a=[],Array.prototype.forEach.call(i,(function(e){var t=document.getElementById(decodeURIComponent(e.hash.substr(1)));t&&a.push({nav:e,content:t})})),s(a)},m.detect=function(){var e=r(a,v);e?f&&e.content===f.content||(l(f,v),(function(e,t){if(e){var o=e.nav.closest(\"li\");o&&(o.classList.add(t.navClass),e.content.classList.add(t.contentClass),u(o,t),n(\"gumshoeActivate\",o,{link:e.nav,content:e.content,settings:t}))}})(e,v),f=e):f&&(l(f,v),f=null)};var p=function(t){d&&e.cancelAnimationFrame(d),d=e.requestAnimationFrame(m.detect)},h=function(t){d&&e.cancelAnimationFrame(d),d=e.requestAnimationFrame((function(){s(a),m.detect()}))};m.destroy=function(){f&&l(f,v),e.removeEventListener(\"scroll\",p,!1),v.reflow&&e.removeEventListener(\"resize\",h,!1),a=null,i=null,f=null,d=null,v=null};return v=(function(){var e={};return Array.prototype.forEach.call(arguments,(function(t){for(var n in t){if(!t.hasOwnProperty(n))return;e[n]=t[n]}})),e})(t,c||{}),m.setup(),m.detect(),e.addEventListener(\"scroll\",p,!1),v.reflow&&e.addEventListener(\"resize\",h,!1),m}}));\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))\n\n/***/ }),\n/* 994 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(995);\nmodule.exports = __webpack_require__(996);\n\n\n/***/ }),\n/* 995 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 996 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _ColorPicker = __webpack_require__(997);\n\nvar _ColorPicker2 = _interopRequireDefault(_ColorPicker);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _ColorPicker2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 997 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeForm = __webpack_require__(153);\n\nvar _beeForm2 = _interopRequireDefault(_beeForm);\n\nvar _beeFormControl = __webpack_require__(17);\n\nvar _beeFormControl2 = _interopRequireDefault(_beeFormControl);\n\nvar _beeLabel = __webpack_require__(152);\n\nvar _beeLabel2 = _interopRequireDefault(_beeLabel);\n\nvar _beeModal = __webpack_require__(85);\n\nvar _beeModal2 = _interopRequireDefault(_beeModal);\n\nvar _beeButton = __webpack_require__(16);\n\nvar _beeButton2 = _interopRequireDefault(_beeButton);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _beeSelect = __webpack_require__(80);\n\nvar _beeSelect2 = _interopRequireDefault(_beeSelect);\n\nvar _beeLayout = __webpack_require__(59);\n\nvar _beeInputGroup = __webpack_require__(26);\n\nvar _beeInputGroup2 = _interopRequireDefault(_beeInputGroup);\n\nvar _colors = __webpack_require__(998);\n\nvar _colors2 = _interopRequireDefault(_colors);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar FormItem = _beeForm2[\"default\"].FormItem;\nvar Option = _beeSelect2[\"default\"].Option;\n\nvar propTypes = {\n clsPrefix: _propTypes2[\"default\"].string,\n value: _propTypes2[\"default\"].string,\n label: _propTypes2[\"default\"].string,\n className: _propTypes2[\"default\"].string,\n placeholder: _propTypes2[\"default\"].string,\n required: _propTypes2[\"default\"].bool,\n disabled: _propTypes2[\"default\"].bool,\n disabledAlpha: _propTypes2[\"default\"].bool,\n autoCalculate: _propTypes2[\"default\"].func,\n onChange: _propTypes2[\"default\"].func,\n title: _propTypes2[\"default\"].string,\n cacelBtn: _propTypes2[\"default\"].string,\n confirmBtn: _propTypes2[\"default\"].string,\n isParameterArea: _propTypes2[\"default\"].bool,\n modalProps: _propTypes2[\"default\"].object,\n disabledModal: _propTypes2[\"default\"].bool\n};\nvar defaultProps = {\n clsPrefix: \"u-colorpicker\",\n value: \"\",\n label: \"\",\n placeholder: \"\",\n required: false,\n disabled: false,\n disabledAlpha: false,\n autoCalculate: function autoCalculate() {},\n onChange: function onChange() {},\n title: '取色板',\n cacelBtn: '取消',\n confirmBtn: '确认',\n isParameterArea: true,\n disabledModal: false\n};\n\nvar initRgb = _colors2[\"default\"]['red'].rgbArr[6] ? 'rgb(' + _colors2[\"default\"]['red'].rgbArr[6] + ')' : '';\n\nvar ColorPicker = function (_Component) {\n _inherits(ColorPicker, _Component);\n\n function ColorPicker(props) {\n _classCallCheck(this, ColorPicker);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.handleClick = function (e) {\n e.stopPropagation();\n _this.setState({ displayColorPicker: !_this.state.displayColorPicker });\n };\n\n _this.handleClose = function () {\n var _this$cache = _this.cache,\n selectedColor = _this$cache.selectedColor,\n selectedScale = _this$cache.selectedScale,\n selectedRgbValue = _this$cache.selectedRgbValue,\n selectedHexValue = _this$cache.selectedHexValue,\n alpha = _this$cache.alpha;\n\n _this.setState({\n displayColorPicker: false,\n selectedColor: selectedColor,\n selectedScale: selectedScale,\n selectedRgbValue: selectedRgbValue,\n selectedHexValue: selectedHexValue,\n alpha: alpha\n });\n };\n\n _this.submit = function () {\n var _this$props = _this.props,\n autoCalculate = _this$props.autoCalculate,\n onChange = _this$props.onChange;\n var _this$state = _this.state,\n selectedColor = _this$state.selectedColor,\n selectedScale = _this$state.selectedScale,\n selectedHexValue = _this$state.selectedHexValue,\n alpha = _this$state.alpha;\n\n var tempRgb = _this.colorHexToRgb(selectedHexValue, alpha);\n var obj = {\n \"class\": selectedColor + '-' + selectedScale,\n rgba: tempRgb,\n hex: selectedHexValue\n };\n _this.setState({\n formValue: selectedHexValue,\n displayColorPicker: false\n });\n _this.cache = _extends(_this.cache, {\n selectedColor: selectedColor,\n selectedScale: selectedScale,\n selectedRgbValue: tempRgb,\n selectedHexValue: selectedHexValue,\n formValue: selectedHexValue,\n alpha: alpha\n });\n if (autoCalculate) {\n var result = _this.calcHoverAndActive(selectedColor, selectedScale, selectedHexValue);\n autoCalculate(result);\n }\n if (onChange) {\n onChange(obj);\n }\n };\n\n _this.calcHoverAndActive = function (selectedColor, selectedScale, selectedHexValue) {\n var obj = {};\n var selectedRgbArr = _colors2[\"default\"][selectedColor] ? _colors2[\"default\"][selectedColor].rgbArr : '';\n var selectedScaleArr = _colors2[\"default\"][selectedColor] ? _colors2[\"default\"][selectedColor].scale : '';\n var index = selectedScaleArr.indexOf(selectedScale);\n var lighter = \"\",\n darker = \"\";\n if (index === 0) {\n lighter = \"\";\n darker = 'rgb(' + selectedRgbArr[index + 1] + ')';\n obj.lighter = lighter;\n obj.darker = darker;\n } else if (index === selectedRgbArr.length - 1) {\n lighter = 'rgb(' + selectedRgbArr[index - 1] + ')';\n darker = \"\";\n obj.lighter = lighter;\n obj.darker = darker;\n } else if (index > 0 && index < selectedRgbArr.length - 1) {\n lighter = 'rgb(' + selectedRgbArr[index - 1] + ')';\n darker = 'rgb(' + selectedRgbArr[index + 1] + ')';\n obj.lighter = lighter;\n obj.darker = darker;\n }\n obj.clor = selectedHexValue;\n return obj;\n };\n\n _this.handleSelectChange = function (value) {\n var selectedRgb = 'rgb(' + _colors2[\"default\"][value].rgbArr[6] + ')' || '';\n var selectedHex = _this.colorRGBtoHex(selectedRgb);\n _this.setState({\n selectedColor: value,\n selectedScale: \"600\",\n selectedRgbValue: selectedRgb,\n selectedHexValue: selectedHex,\n alpha: 100\n });\n };\n\n _this.handleSelectScale = function (value, e) {\n var rgb = e.currentTarget.currentStyle.backgroundColor;\n var hex = _this.colorRGBtoHex(rgb);\n _this.setState({\n selectedScale: value,\n selectedRgbValue: rgb,\n selectedHexValue: hex\n });\n };\n\n _this.renderOption = function () {\n var clsPrefix = _this.props.clsPrefix;\n\n var opts = [];\n for (var prop in _colors2[\"default\"]) {\n var item = _colors2[\"default\"][prop];\n opts.push(_react2[\"default\"].createElement(\n Option,\n { key: item.key, value: item.key, className: clsPrefix + '-select-option clearfix' },\n _react2[\"default\"].createElement(\n 'div',\n { className: 'option-overview bg-' + item.key + '-600' },\n ' '\n ),\n _react2[\"default\"].createElement(\n 'span',\n null,\n ' ',\n item.name,\n ' '\n )\n ));\n }\n return opts;\n };\n\n _this.renderColorPlate = function (selectedColor) {\n var _this$state2 = _this.state,\n selectedScale = _this$state2.selectedScale,\n selectedRgbValue = _this$state2.selectedRgbValue;\n\n var list = [];\n var color = {};\n if (_colors2[\"default\"][selectedColor]) {\n color = _colors2[\"default\"][selectedColor];\n }\n var iconClass = _this.isDark(selectedRgbValue) ? 'dark-contrast' : 'light-contrast';\n color.scale.map(function (item) {\n list.push(_react2[\"default\"].createElement(\n 'li',\n { key: item.key, className: 'bg-' + color.key + '-' + item, onClick: function onClick(e) {\n return _this.handleSelectScale(item, e);\n } },\n selectedScale === item ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-correct-2', className: iconClass }) : \"\"\n ));\n });\n return list;\n };\n\n _this.isDark = function (rgbColor) {\n var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;\n var aColor = void 0;\n if (/^(rgb|RGB)/.test(rgbColor)) {\n aColor = rgbColor.replace(/(?:\\(|\\)|rgb|RGB)*/g, \"\").split(\",\");\n }\n var r = aColor[0],\n g = aColor[1],\n b = aColor[2];\n if (r * 0.299 + g * 0.578 + b * 0.114 >= 192) {\n //浅色\n return false;\n } else {\n //深色\n return true;\n }\n };\n\n _this.handleChange = function (value) {\n var onChange = _this.props.onChange;\n\n var tempRgb = _this.colorHexToRgb(value);\n var obj = {\n \"class\": \"\",\n rgba: tempRgb,\n hex: value\n };\n if (onChange) {\n onChange(obj);\n }\n _this.setState({\n formValue: value\n });\n };\n\n _this.handleAlphaChange = function (value) {\n var reg = /^(?:0|[1-9][0-9]?|100)$/;\n if (value == '' || reg.test(value)) {\n _this.setState({\n alpha: value\n });\n }\n };\n\n var initValue = \"\";\n var initHex = \"\";\n if ('value' in props) {\n initValue = props.value;\n initHex = _this.colorRGBtoHex(initRgb);\n }\n _this.state = {\n displayColorPicker: false,\n selectedColor: \"red\",\n selectedScale: \"600\",\n selectedRgbValue: initRgb,\n selectedHexValue: initHex,\n formValue: initValue,\n alpha: 100\n };\n _this.input = {};\n _this.cache = {\n selectedColor: \"red\",\n selectedScale: \"600\",\n selectedRgbValue: initRgb,\n selectedHexValue: initHex,\n formValue: initValue,\n alpha: 100\n };\n return _this;\n }\n\n ColorPicker.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (nextProps.value !== this.props.value) {\n this.setState({\n formValue: nextProps.value\n });\n }\n };\n\n // 打开色板\n\n\n // 关闭色板/点击弹框取消按钮\n\n\n // 点击弹框确定按钮\n\n\n /**\n * 根据选中的颜色计算 深一色度和浅一色度 的色值\n * @param selectedColor\n * @param selectedScale\n */\n\n\n // 下拉框值更改\n\n\n // 选择色块\n\n\n // 渲染下拉框选项\n\n\n // 渲染预制的色板，提供可选择的颜色示例\n\n\n // 把16进制颜色转换为RGB颜色\n ColorPicker.prototype.colorHexToRgb = function colorHexToRgb(color, alpha) {\n var sColor = color;\n sColor = sColor.toLowerCase();\n //十六进制颜色值的正则表达式\n var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;\n // 如果是16进制颜色\n if (sColor && reg.test(sColor)) {\n if (sColor.length === 4) {\n var sColorNew = \"#\";\n for (var i = 1; i < 4; i += 1) {\n sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));\n }\n sColor = sColorNew;\n }\n //处理六位的颜色值\n var sColorChange = [];\n for (var _i = 1; _i < 7; _i += 2) {\n sColorChange.push(parseInt(\"0x\" + sColor.slice(_i, _i + 2)));\n }\n if (alpha) {\n sColorChange.push(alpha);\n }\n return \"rgba(\" + sColorChange.join(\",\") + \")\";\n }\n return sColor;\n };\n\n // 把RGB颜色转换为16进制颜色\n\n\n ColorPicker.prototype.colorRGBtoHex = function colorRGBtoHex(color) {\n var that = color;\n var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;\n if (/^(rgb|RGB)/.test(that)) {\n var aColor = that.replace(/(?:\\(|\\)|rgb|RGB)*/g, \"\").split(\",\");\n var strHex = \"#\";\n for (var i = 0; i < aColor.length; i++) {\n var hex = Number(aColor[i]).toString(16);\n if (hex.length < 2) {\n hex = '0' + hex;\n }\n strHex += hex;\n }\n if (strHex.length !== 7) {\n strHex = that;\n }\n return strHex;\n } else if (reg.test(that)) {\n var aNum = that.replace(/#/, \"\").split(\"\");\n if (aNum.length === 6) {\n return that;\n } else if (aNum.length === 3) {\n var numHex = \"#\";\n for (var _i2 = 0; _i2 < aNum.length; _i2 += 1) {\n numHex += aNum[_i2] + aNum[_i2];\n }\n return numHex;\n }\n }\n return that;\n };\n\n /**\n * 根据RGB值判断 深色与浅色\n * @param rgbColor rgb色值\n * @return\n */\n\n\n // 输入框值更改事件\n\n\n // alpha值更改事件\n\n\n ColorPicker.prototype.render = function render() {\n var self = this;\n\n var _props = this.props,\n clsPrefix = _props.clsPrefix,\n onChange = _props.onChange,\n value = _props.value,\n label = _props.label,\n required = _props.required,\n placeholder = _props.placeholder,\n className = _props.className,\n disabled = _props.disabled,\n disabledAlpha = _props.disabledAlpha,\n isParameterArea = _props.isParameterArea,\n disabledModal = _props.disabledModal,\n others = _objectWithoutProperties(_props, ['clsPrefix', 'onChange', 'value', 'label', 'required', 'placeholder', 'className', 'disabled', 'disabledAlpha', 'isParameterArea', 'disabledModal']);\n\n var _state = this.state,\n selectedColor = _state.selectedColor,\n selectedScale = _state.selectedScale,\n selectedRgbValue = _state.selectedRgbValue,\n selectedHexValue = _state.selectedHexValue,\n formValue = _state.formValue,\n alpha = _state.alpha;\n var _props$form = this.props.form,\n getFieldProps = _props$form.getFieldProps,\n getFieldError = _props$form.getFieldError;\n\n\n var rules = required ? [{\n required: true, message: '请输入十六进制色值！'\n }, {\n pattern: /^#[0-9a-fA-F]{6}$/, message: '色值格式不正确'\n }] : null;\n\n HTMLElement.prototype.__defineGetter__(\"currentStyle\", function () {\n return this.ownerDocument.defaultView.getComputedStyle(this, null);\n });\n\n return _react2[\"default\"].createElement(\n 'div',\n { className: (0, _classnames2[\"default\"])(clsPrefix, className) },\n _react2[\"default\"].createElement(\n FormItem,\n { className: clsPrefix + '-form' },\n label ? _react2[\"default\"].createElement(\n _beeLabel2[\"default\"],\n null,\n required ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-mi', className: 'mast' }) : \"\",\n label\n ) : '',\n _react2[\"default\"].createElement(\n 'span',\n null,\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], {\n disabled: disabled,\n placeholder: placeholder,\n value: formValue,\n onChange: this.handleChange\n }),\n _react2[\"default\"].createElement('div', { style: { backgroundColor: formValue },\n className: clsPrefix + '-form-color-demo ' + (disabledModal ? \"disabled\" : ''),\n onClick: !disabled && !disabledModal ? this.handleClick : null })\n )\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: 'error' },\n getFieldError('hexadecimal')\n ),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"],\n _extends({\n width: isParameterArea ? '600' : '350',\n className: clsPrefix + '-modal',\n show: this.state.displayColorPicker,\n onHide: this.handleClose,\n backdropClosable: false\n }, this.props.modalProps),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Header,\n { closeButton: true },\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Title,\n null,\n this.props.title\n )\n ),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Body,\n null,\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-panel-header' },\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-color-preview' },\n _react2[\"default\"].createElement('div', { className: clsPrefix + '-color-preview-demo bg-' + selectedColor + '-600' })\n ),\n _react2[\"default\"].createElement(\n _beeSelect2[\"default\"],\n {\n defaultValue: selectedColor,\n style: { width: 200 },\n onChange: this.handleSelectChange\n },\n this.renderOption()\n )\n ),\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-panel-content' },\n _react2[\"default\"].createElement(\n _beeLayout.Row,\n null,\n _react2[\"default\"].createElement(\n _beeLayout.Col,\n { md: 7, xs: 7, sm: 7, style: isParameterArea ? {} : { width: '100%', marginLeft: '10.5px' }, className: 'col-7' },\n _react2[\"default\"].createElement(\n 'ul',\n { className: clsPrefix + '-panel-color-plate clearfix' },\n this.renderColorPlate(selectedColor)\n )\n ),\n isParameterArea && _react2[\"default\"].createElement(\n _beeLayout.Col,\n { md: 5, xs: 5, sm: 5, className: 'col-5' },\n _react2[\"default\"].createElement(\n 'div',\n { className: clsPrefix + '-panel-color-info' },\n _react2[\"default\"].createElement(\n 'div',\n { className: 'transparent-bg' },\n _react2[\"default\"].createElement('div', { className: 'selected-color bg-' + selectedColor + '-' + selectedScale, style: { opacity: alpha / 100 } })\n ),\n _react2[\"default\"].createElement(\n 'ul',\n null,\n _react2[\"default\"].createElement(\n 'li',\n null,\n _react2[\"default\"].createElement(\n _beeLabel2[\"default\"],\n null,\n 'Class\\uFF1A'\n ),\n selectedColor + '-' + selectedScale\n ),\n _react2[\"default\"].createElement(\n 'li',\n null,\n _react2[\"default\"].createElement(\n _beeLabel2[\"default\"],\n null,\n 'RGB\\uFF1A'\n ),\n '' + selectedRgbValue\n ),\n _react2[\"default\"].createElement(\n 'li',\n null,\n _react2[\"default\"].createElement(\n _beeLabel2[\"default\"],\n null,\n 'HEX\\uFF1A'\n ),\n '' + selectedHexValue\n ),\n _react2[\"default\"].createElement(\n 'li',\n null,\n _react2[\"default\"].createElement(\n FormItem,\n null,\n _react2[\"default\"].createElement(\n _beeLabel2[\"default\"],\n null,\n 'Alpha'\n ),\n _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"],\n null,\n _react2[\"default\"].createElement(_beeFormControl2[\"default\"], { size: 'sm', value: alpha, onChange: this.handleAlphaChange, disabled: disabledAlpha }),\n _react2[\"default\"].createElement(\n _beeInputGroup2[\"default\"].Addon,\n null,\n '%'\n )\n )\n )\n )\n )\n )\n )\n )\n )\n ),\n _react2[\"default\"].createElement(\n _beeModal2[\"default\"].Footer,\n null,\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { onClick: this.handleClose, shape: 'border', style: { marginRight: 15 } },\n this.props.cacelBtn\n ),\n _react2[\"default\"].createElement(\n _beeButton2[\"default\"],\n { onClick: this.submit, colors: 'primary' },\n this.props.confirmBtn\n )\n )\n )\n );\n };\n\n return ColorPicker;\n}(_react.Component);\n\n;\n\nColorPicker.propTypes = propTypes;\nColorPicker.defaultProps = defaultProps;\nexports[\"default\"] = _beeForm2[\"default\"].createForm()(ColorPicker);\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 998 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nvar colors = {\n \"red\": {\n key: \"red\",\n name: \"Red\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"255,235,238\", \"255,205,210\", \"239,154,154\", \"229,115,115\", \"239,83,80\", \"244,67,54\", \"229,57,53\", \"211,47,47\", \"198,40,40\", \"183,28,28\", \"255,138,128\", \"255,82,82\", \"255,23,68\", \"21300\"]\n },\n \"pink\": {\n key: \"pink\",\n name: \"Pink\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"252,228,236\", \"248,187,208\", \"244,143,177\", \"240,98,146\", \"236,64,122\", \"233,30,99\", \"216,27,96\", \"194,24,91\", \"173,20,87\", \"136,14,79\", \"255,128,171\", \"255,64,129\", \"245,0,87\", \"1971798\"]\n },\n \"purple\": {\n key: \"purple\",\n name: \"Purple\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"243,229,245\", \"225,190,231\", \"206,147,216\", \"186,104,200\", \"171,71,188\", \"156,39,176\", \"142,36,170\", \"123,31,162\", \"106,27,154\", \"74,20,140\", \"234,128,252\", \"224,64,251\", \"213,0,249\", \"1700255\"]\n },\n \"deep-purple\": {\n key: \"deep-purple\",\n name: \"Deep purple\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"237,231,246\", \"209,196,233\", \"179,157,219\", \"149,117,205\", \"126,87,194\", \"103,58,183\", \"94,53,177\", \"81,45,168\", \"69,39,160\", \"49,27,146\", \"179,136,255\", \"124,77,255\", \"101,31,255\", \"980234\"]\n },\n \"indigo\": {\n key: \"indigo\",\n name: \"Indigo\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"232,234,246\", \"197,202,233\", \"159,168,218\", \"121,134,203\", \"92,107,192\", \"63,81,181\", \"57,73,171\", \"48,63,159\", \"40,53,147\", \"26,35,126\", \"140,158,255\", \"83,109,254\", \"61,90,254\", \"4879254\"]\n },\n \"blue\": {\n key: \"blue\",\n name: \"Blue\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"227,242,253\", \"187,222,251\", \"144,202,249\", \"100,181,246\", \"66,165,245\", \"33,150,243\", \"30,136,229\", \"25,118,210\", \"21,101,192\", \"13,71,161\", \"130,177,255\", \"68,138,255\", \"41,121,255\", \"4198255\"]\n },\n \"light-blue\": {\n key: \"light-blue\",\n name: \"Light blue\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"225,245,254\", \"179,229,252\", \"129,212,250\", \"79,195,247\", \"41,182,246\", \"3,169,244\", \"3,155,229\", \"2,136,209\", \"2,119,189\", \"1,87,155\", \"128,216,255\", \"64,196,255\", \"0,176,255\", \"0145234\"]\n },\n \"cyan\": {\n key: \"cyan\",\n name: \"Cyan\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"224,247,250\", \"178,235,242\", \"128,222,234\", \"77,208,225\", \"38,198,218\", \"0,188,212\", \"0,172,193\", \"0,151,167\", \"0,131,143\", \"0,96,100\", \"132,255,255\", \"24,255,255\", \"0,229,255\", \"0184212\"]\n },\n \"teal\": {\n key: \"teal\",\n name: \"Teal\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"224,242,241\", \"178,223,219\", \"128,203,196\", \"77,182,172\", \"38,166,154\", \"0,150,136\", \"0,137,123\", \"0,121,107\", \"0,105,92\", \"0,77,64\", \"167,255,235\", \"100,255,218\", \"29,233,182\", \"0191165\"]\n },\n \"green\": {\n key: \"green\",\n name: \"Green\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"232,245,233\", \"200,230,201\", \"165,214,167\", \"129,199,132\", \"102,187,106\", \"76,175,80\", \"67,160,71\", \"56,142,60\", \"46,125,50\", \"27,94,32\", \"185,246,202\", \"105,240,174\", \"0,230,118\", \"020083\"]\n },\n \"light-green\": {\n key: \"light-green\",\n name: \"Light-green\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"241,248,233\", \"220,237,200\", \"197,225,165\", \"174,213,129\", \"156,204,101\", \"139,195,74\", \"124,179,66\", \"104,159,56\", \"85,139,47\", \"51,105,30\", \"204,255,144\", \"178,255,89\", \"118,255,3\", \"10022123\"]\n },\n \"lime\": {\n key: \"lime\",\n name: \"Lime\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"249,251,231\", \"240,244,195\", \"230,238,156\", \"220,231,117\", \"212,225,87\", \"205,220,57\", \"192,202,51\", \"175,180,43\", \"158,157,36\", \"130,119,23\", \"244,255,129\", \"238,255,65\", \"198,255,0\", \"1742340\"]\n },\n \"yellow\": {\n key: \"yellow\",\n name: \"Yellow\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"255,253,231\", \"255,249,196\", \"255,245,157\", \"255,241,118\", \"255,238,88\", \"255,235,59\", \"253,216,53\", \"251,192,45\", \"249,168,37\", \"245,127,23\", \"255,255,141\", \"255,255,0\", \"255,234,0\", \"2552140\"]\n },\n \"amber\": {\n key: \"amber\",\n name: \"Amber\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"255,248,225\", \"255,236,179\", \"255,224,130\", \"255,213,79\", \"255,202,40\", \"255,193,7\", \"255,179,0\", \"255,160,0\", \"255,143,0\", \"255,111,0\", \"255,229,127\", \"255,215,64\", \"255,196,0\", \"2551710\"]\n },\n \"orange\": {\n key: \"orange\",\n name: \"Orange\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"255,243,224\", \"255,224,178\", \"255,204,128\", \"255,183,77\", \"255,167,38\", \"255,152,0\", \"251,140,0\", \"245,124,0\", \"239,108,0\", \"230,81,0\", \"255,209,128\", \"255,171,64\", \"255,145,0\", \"2551090\"]\n },\n \"deep-orange\": {\n key: \"deep-orange\",\n name: \"Deep-orange\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\", \"A100\", \"A200\", \"A400\", \"A700\"],\n rgbArr: [\"251,233,231\", \"255,204,188\", \"255,171,145\", \"255,138,101\", \"255,112,67\", \"255,87,34\", \"244,81,30\", \"230,74,25\", \"216,67,21\", \"191,54,12\", \"255,158,128\", \"255,110,64\", \"255,61,0\", \"221440\"]\n },\n \"brown\": {\n key: \"brown\",\n name: \"Brown\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"],\n rgbArr: [\"239,235,233\", \"215,204,200\", \"188,170,164\", \"161,136,127\", \"141,110,99\", \"121,85,72\", \"109,76,65\", \"93,64,55\", \"78,52,46\", \"623935\"]\n },\n \"grey\": {\n key: \"grey\",\n name: \"Grey\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"],\n rgbArr: [\"250,250,250\", \"245,245,245\", \"238,238,238\", \"224,224,224\", \"189,189,189\", \"158,158,158\", \"117,117,117\", \"97,97,97\", \"66,66,66\", \"333333\"]\n },\n \"blue-grey\": {\n key: \"blue-grey\",\n name: \"Blue-grey\",\n scale: [\"50\", \"100\", \"200\", \"300\", \"400\", \"500\", \"600\", \"700\", \"800\", \"900\"],\n rgbArr: [\"236,239,241\", \"207,216,220\", \"176,190,197\", \"144,164,174\", \"120,144,156\", \"96,125,139\", \"84,110,122\", \"69,90,100\", \"55,71,79\", \"385056\"]\n }\n};\n\nexports[\"default\"] = colors;\nmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 999 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1000);\nmodule.exports = __webpack_require__(1001);\n\n/***/ }),\n/* 1000 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1001 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Tag = __webpack_require__(1002);\n\nvar _Tag2 = _interopRequireDefault(_Tag);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Tag2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1002 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n /**\n * @title 样式 \n */\n style: _propTypes2[\"default\"].object,\n\n /**\n * @title 形状 \n */\n bordered: _propTypes2[\"default\"].bool,\n\n /**\n * @title 类型\n */\n colors: _propTypes2[\"default\"].string,\n\n /**\n * @title 是否禁用\n * @veIgnore\n */\n disabled: _propTypes2[\"default\"].bool,\n\n /**\n * @title 是否删除\n * @veIgnore\n */\n deleted: _propTypes2[\"default\"].bool,\n\n /**\n * @title 是否选中\n * @veIgnore\n */\n select: _propTypes2[\"default\"].bool,\n\n /**\n * @title 标签是否显示关闭图标\n * @veIgnore\n */\n visible: _propTypes2[\"default\"].bool,\n\n /**\n * @title 类名\n * @veIgnore\n */\n className: _propTypes2[\"default\"].string,\n tagClick: _propTypes2[\"default\"].func\n};\n\nvar defaultProps = {\n disabled: false,\n deleted: false,\n visible: false,\n clsPrefix: 'u-tag',\n bordered: false,\n select: false\n};\n\nvar colorsMap = {\n dark: 'dark',\n light: 'light',\n primary: 'primary',\n success: 'success',\n warning: 'warning',\n danger: 'danger',\n info: 'info'\n};\n\nvar Tag = function (_Component) {\n _inherits(Tag, _Component);\n\n function Tag(props) {\n _classCallCheck(this, Tag);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.click = function (e) {\n _this.setState({\n selected: !_this.state.selected\n });\n _this.props.tagClick && _this.props.tagClick(e);\n };\n\n _this.onDelete = function (e) {\n _this.props.onClose && _this.props.onClose(e);\n };\n\n _this.state = {\n selected: false\n };\n return _this;\n }\n\n Tag.prototype.render = function render() {\n var _props = this.props,\n colors = _props.colors,\n disabled = _props.disabled,\n deleted = _props.deleted,\n select = _props.select,\n className = _props.className,\n bordered = _props.bordered,\n children = _props.children,\n clsPrefix = _props.clsPrefix,\n visible = _props.visible,\n others = _objectWithoutProperties(_props, ['colors', 'disabled', 'deleted', 'select', 'className', 'bordered', 'children', 'clsPrefix', 'visible']);\n\n var clsObj = {};\n if (className) {\n clsObj[className] = true;\n }\n if (colorsMap[colors]) {\n clsObj[clsPrefix + '-' + colorsMap[colors]] = true;\n }\n if (bordered) {\n clsObj[clsPrefix + '-border'] = bordered;\n }\n if (select) {\n clsObj[clsPrefix + '-select'] = select;\n }\n if (deleted) {\n clsObj[clsPrefix + '-delete'] = deleted;\n }\n // \"选择标签\"选中时，改变标签的样式，单独写了一个selected类\n if (this.props.select == true) {\n if (this.state.selected) {\n clsObj[clsPrefix + '-selected'] = true;\n }\n }\n\n var classes = (0, _classnames2[\"default\"])(clsPrefix, clsObj);\n return _react2[\"default\"].createElement(\n 'span',\n _extends({}, others, { className: classes, disabled: disabled, bordered: bordered, deleted: deleted, select: select, onClick: this.click }),\n children,\n visible ? _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-close', onClick: this.props.onClose }) : ''\n );\n };\n\n return Tag;\n}(_react.Component);\n\nTag.propTypes = propTypes;\nTag.defaultProps = defaultProps;\n\nexports[\"default\"] = Tag;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1003 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1004);\nmodule.exports = __webpack_require__(1005);\n\n\n/***/ }),\n/* 1004 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1005 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Affix = __webpack_require__(1006);\n\nvar _Affix2 = _interopRequireDefault(_Affix);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Affix2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1006 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _utils = __webpack_require__(1007);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n container: _propTypes2[\"default\"].object,\n offsetTop: _propTypes2[\"default\"].number,\n horizontal: _propTypes2[\"default\"].bool,\n target: _propTypes2[\"default\"].func, //不对外开放，获取滚动scroll以及resize功能\n onChange: _propTypes2[\"default\"].func, //状态fixed或infixed时候调用\n onTargetChange: _propTypes2[\"default\"].func, //功能只有一个，时时刻刻输出state的状态\n zIndex: _propTypes2[\"default\"].number,\n canHidden: _propTypes2[\"default\"].bool,\n childrenRef: _propTypes2[\"default\"].object\n};\n\nvar defaultProps = {\n offsetTop: 0,\n horizontal: false,\n // container: document.body,\n target: function target() {\n return window;\n },\n onChange: function onChange(affixed) {\n return {};\n },\n onTargetChange: function onTargetChange(state) {\n return {};\n },\n zIndex: 2,\n canHidden: false,\n childrenRef: null\n};\n\nvar Affix = function (_Component) {\n _inherits(Affix, _Component);\n\n function Affix(props) {\n _classCallCheck(this, Affix);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.getContainerDOM = function (nextProps) {\n var container = nextProps ? nextProps.container : _this.props.container;\n if (!container) {\n return document.body;\n }\n if (container != document.body) {\n return _reactDom2[\"default\"].findDOMNode(container);\n }\n return container;\n };\n\n _this.getInitPosition = function (nextProps, flag) {\n var container = _this.getContainerDOM(nextProps);\n // 20180927children是个变化，所以在nextprops要传入childrenRef，否则直接使用后面的语句\n var thisElm = nextProps && nextProps.childrenRef && _reactDom2[\"default\"].findDOMNode(nextProps.childrenRef) || _reactDom2[\"default\"].findDOMNode(_this);\n _this.setState({\n height: thisElm.offsetHeight,\n width: thisElm.offsetWidth,\n containerHeight: container.offsetHeight,\n containerWidth: container.offsetWidth\n });\n var containerRect = container.getBoundingClientRect();\n var thisElemRect = thisElm.getBoundingClientRect();\n\n var top = thisElemRect.top,\n left = thisElemRect.left;\n\n var marginTop = top - containerRect.top;\n var marginLeft = left - containerRect.left;\n _this.setState({\n top: top,\n left: left,\n initTop: flag ? top : _this.state.initTop,\n initLeft: flag ? left : _this.state.initLeft,\n marginTop: marginTop,\n marginLeft: marginLeft\n });\n };\n\n _this.handleTargetChange = function (evt, type) {\n var container = _this.getContainerDOM(); //是body\n\n var _container$getBoundin = container.getBoundingClientRect(),\n top = _container$getBoundin.top,\n left = _container$getBoundin.left;\n\n _this.setState({\n top: top + _this.state.marginTop, //=0是临界值，滚动条使得屏幕顶端正好在affix上面，前者一直变化后者为不变\n left: left + _this.state.marginLeft, //原理同上\n containerHeight: container.offsetHeight,\n containerWidth: container.offsetWidth\n });\n\n if (_this.state.top <= _this.props.offsetTop) {\n if (_this.state.affixed === false) {\n _this.props.onChange({ affixed: true, event: evt });\n }\n _this.setState({ affixed: true }); //=true,calculate起作用\n }\n\n if (_this.state.top > _this.props.offsetTop) {\n if (_this.state.affixed === true) {\n _this.props.onChange({ affixed: false, event: evt });\n //新增还原样式\n }\n _this.setState({ affixed: false });\n }\n\n _this.props.onTargetChange(_this.state);\n _this.getInitPosition(undefined, false);\n };\n\n _this.calculate = function () {\n var fixStyle = {};\n var boxStyle = {};\n //20171102修改，添加(this.state.top - this.state.marginTop == 0)的判断，谨防height+offsetTop >= containerHeight, handleTargetChange中的\n //this.state.top <= this.props.offsetTop 恒成立，一直有position:affixed\n if (!_this.state.affixed || _this.state.top - _this.state.marginTop == 0) return { fixStyle: fixStyle, boxStyle: boxStyle };\n var h = _this.state.top - _this.state.marginTop + _this.state.containerHeight - _this.state.height;\n if (_this.state.top < _this.props.offsetTop) {\n fixStyle = {\n position: \"fixed\",\n //修改20171102 去掉展示Affix全部内容，若是Affix内容高度大于container可展示，那么Affix只可展示部分\n // top: this.props.canHidden ? ( h < 0 ? h : Math.min(h, this.props.offsetTop)) : ( h < 0 ? 0 : Math.min(h, this.props.offsetTop)),\n top: _this.props.canHidden ? h < 0 ? h : Math.min(h, _this.props.offsetTop) : _this.props.offsetTop,\n left: _this.props.horizontal ? _this.state.initLeft : _this.state.left,\n height: _this.state.height,\n width: _this.state.width,\n zIndex: _this.props.zIndex\n };\n boxStyle = { height: _this.state.height };\n }\n return { fixStyle: fixStyle, boxStyle: boxStyle };\n };\n\n _this.state = {\n affixed: false,\n initTop: 0,\n initLeft: 0,\n top: 0, //affix距离顶部的距离\n left: 0, //affix距离左边的距离\n marginTop: 0, //top - containerTop\n marginLeft: 0, //left - containerLeft\n height: 0, //affix的高度\n width: 0, //affix的宽度\n containerHeight: 0, //container的高度\n containerWidth: 0, //container的宽度\n containerId: \"u-affix-container\" + Math.random().toString(26).substring(2, 10)\n };\n _this.calculate = _this.calculate.bind(_this);\n _this.getInitPosition = _this.getInitPosition.bind(_this);\n _this.getContainerDOM = _this.getContainerDOM.bind(_this);\n _this.handleTargetChange = _this.handleTargetChange.bind(_this);\n return _this;\n }\n\n Affix.prototype.componentDidMount = function componentDidMount() {\n this.getInitPosition(undefined, true);\n var listenTarget = this.props.target();\n if (listenTarget) {\n (0, _utils.addEventListener)(listenTarget, 'resize', this.handleTargetChange);\n (0, _utils.addEventListener)(listenTarget, 'scroll', this.handleTargetChange);\n // listenTarget.addEventListener('resize', e=>this.handleTargetChange(e,'resize'))\n // listenTarget.addEventListener('scroll', e=>this.handleTargetChange(e,'scroll'))\n }\n };\n\n Affix.prototype.componentWillUnmount = function componentWillUnmount() {\n var listenTarget = this.props.target();\n if (listenTarget) {\n (0, _utils.removeEventListener)(listenTarget, 'resize', this.handleTargetChange);\n (0, _utils.removeEventListener)(listenTarget, 'scroll', this.handleTargetChange);\n // listenTarget.addEventListener('resize', e=>this.handleTargetChange(e,'resize'))\n // listenTarget.addEventListener('scroll', e=>this.handleTargetChange(e,'scroll'))\n }\n };\n\n /**\n * 获取container\n * @return {[type]} [description]\n */\n\n\n /**\n * 第一次 和 每次srcoll和resize也会执行该方法\n * initTop,initLeft，marginTop,marginLeft都是不变的\n * @return {[type]} [description]\n */\n\n\n /**\n * [description]主要用于处理scroll以及reseize事件重新计算布局\n * @param {[object]} evt [scroll或者resize事件]\n * 有两个函数：onChange 和 onTargetChange;\n */\n\n\n /**\n * 只有上面的方法handleTargetChange使得affixed=ture才会执行\n * @return {[type]} [description]\n */\n\n\n Affix.prototype.render = function render() {\n var _calculate = this.calculate(),\n fixStyle = _calculate.fixStyle,\n boxStyle = _calculate.boxStyle;\n\n var _props = this.props,\n offsetTop = _props.offsetTop,\n horizontal = _props.horizontal,\n container = _props.container,\n target = _props.target,\n onChange = _props.onChange,\n onTargetChange = _props.onTargetChange,\n zIndex = _props.zIndex,\n canHidden = _props.canHidden,\n childrenRef = _props.childrenRef,\n others = _objectWithoutProperties(_props, ['offsetTop', 'horizontal', 'container', 'target', 'onChange', 'onTargetChange', 'zIndex', 'canHidden', 'childrenRef']);\n\n return _react2[\"default\"].createElement(\n 'div',\n _extends({}, others, { className: (0, _classnames2[\"default\"])(\"u-affix-container\", this.props.className), id: this.state.containerId, style: boxStyle }),\n _react2[\"default\"].createElement(\n 'div',\n { className: 'u-affix-content', style: fixStyle },\n this.props.children\n )\n );\n };\n\n return Affix;\n}(_react.Component);\n\nAffix.propTypes = propTypes;\n\nAffix.defaultProps = defaultProps;\nexports[\"default\"] = Affix;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1007 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.addEventListener = addEventListener;\nexports.removeEventListener = removeEventListener;\nfunction addEventListener(target, eventType, callback, options) {\n if (target.addEventListener) {\n target.addEventListener(eventType, callback, options);\n } else if (target.attachEvent) {\n target.attachEvent(\"on\" + eventType, callback);\n }\n}\n\nfunction removeEventListener(target, eventType, callback, options) {\n if (target.removeEventListener) {\n target.removeEventListener(eventType, callback, options);\n } else if (target.attachEvent) {\n target.detachEvent(\"on\" + eventType, callback);\n }\n}\n\n/***/ }),\n/* 1008 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1009);\nmodule.exports = __webpack_require__(1010);\n\n/***/ }),\n/* 1009 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1010 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _Drawer = __webpack_require__(1011);\n\nvar _Drawer2 = _interopRequireDefault(_Drawer);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _Drawer2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1011 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _reactDom = __webpack_require__(4);\n\nvar _reactDom2 = _interopRequireDefault(_reactDom);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _common = __webpack_require__(1012);\n\nvar _reactTransitionGroup = __webpack_require__(1013);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n\tplacement: _propTypes2[\"default\"].oneOf(['left', 'right', 'top', 'bottom']),\n\thasHeader: _propTypes2[\"default\"].bool,\n\tshow: _propTypes2[\"default\"].bool,\n\ttitle: _propTypes2[\"default\"].string,\n\tclassName: _propTypes2[\"default\"].string,\n\tshowMask: _propTypes2[\"default\"].bool,\n\tmaskClosable: _propTypes2[\"default\"].bool,\n\tzIndex: _propTypes2[\"default\"].number,\n\tshowClose: _propTypes2[\"default\"].bool,\n\twidth: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].number]),\n\theight: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].string, _propTypes2[\"default\"].number]),\n\tdestroyOnClose: _propTypes2[\"default\"].bool,\n\tcontainer: _propTypes2[\"default\"].string,\n\tcloseIcon: _propTypes2[\"default\"].node\n};\n\nvar defaultProps = {\n\tplacement: 'left',\n\thasHeader: true,\n\tshow: false,\n\tshowMask: true,\n\tmaskClosable: true,\n\tzIndex: 100000,\n\tshowClose: false,\n\twidth: 'auto',\n\theight: 'auto',\n\tdestroyOnClose: false,\n\tcontainer: 'body',\n\tcloseIcon: null\n};\n\nvar DrawerContext = _react2[\"default\"].createContext && _react2[\"default\"].createContext(null);\n\nvar Drawer = function (_Component) {\n\t_inherits(Drawer, _Component);\n\n\tfunction Drawer(props) {\n\t\t_classCallCheck(this, Drawer);\n\n\t\tvar _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n\t\t_this.state = {\n\t\t\tshowDrawer: true,\n\t\t\twidth: '0',\n\t\t\tpush: false\n\t\t};\n\t\t_this.drawer = null;\n\t\t_this.parentDrawer = null;\n\t\t(0, _common.bindAll)(_this, ['fMaskClick', 'fDrawerTransitionEnd', 'renderMask', 'renderClose', 'fCloseClick', 'renderBody', 'renderAll']);\n\t\treturn _this;\n\t}\n\n\tDrawer.prototype.componentDidUpdate = function componentDidUpdate(preProps) {\n\t\t//在有父级抽屉时候，子级触发父级向外移动一段距离\n\t\tif (preProps.show != this.props.show && this.parentDrawer) {\n\t\t\tif (this.props.show) {\n\t\t\t\tthis.parentDrawer.push();\n\t\t\t} else {\n\t\t\t\tthis.parentDrawer.pull();\n\t\t\t}\n\t\t}\n\t};\n\n\tDrawer.prototype.push = function push() {\n\t\tthis.setState({\n\t\t\tpush: true\n\t\t});\n\t};\n\n\tDrawer.prototype.pull = function pull() {\n\t\tthis.setState({\n\t\t\tpush: false\n\t\t});\n\t};\n\n\tDrawer.prototype.fMaskClick = function fMaskClick() {\n\t\tvar maskClosable = this.props.maskClosable;\n\n\t\tif (maskClosable) {\n\t\t\tvar onClose = this.props.onClose;\n\n\t\t\tonClose && onClose();\n\t\t}\n\t};\n\n\tDrawer.prototype.fCloseClick = function fCloseClick() {\n\t\tvar onClose = this.props.onClose;\n\n\t\tonClose && onClose();\n\t};\n\n\tDrawer.prototype.fDrawerTransitionEnd = function fDrawerTransitionEnd(e) {};\n\n\tDrawer.prototype.renderMask = function renderMask() {\n\t\tvar _props = this.props,\n\t\t show = _props.show,\n\t\t showMask = _props.showMask,\n\t\t fMaskClick = _props.fMaskClick;\n\t\t//mask样式\n\n\t\tvar maskStyle = void 0;\n\t\tif (show) {\n\t\t\tmaskStyle = {\n\t\t\t\topacity: 1,\n\t\t\t\twidth: '100%'\n\t\t\t};\n\t\t} else {\n\t\t\tmaskStyle = {\n\t\t\t\topacity: 0,\n\t\t\t\twidth: 0\n\t\t\t};\n\t\t}\n\t\treturn showMask ? _react2[\"default\"].createElement('div', { className: 'drawer-mask', style: maskStyle, onClick: this.fMaskClick }) : null;\n\t};\n\n\tDrawer.prototype.renderClose = function renderClose() {\n\t\tvar _props2 = this.props,\n\t\t showClose = _props2.showClose,\n\t\t closeIcon = _props2.closeIcon;\n\n\t\tvar closeDom = closeIcon || _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-close' });\n\t\treturn showClose ? _react2[\"default\"].createElement(\n\t\t\t'span',\n\t\t\t{ className: 'drawer-close', onClick: this.fCloseClick },\n\t\t\tcloseDom\n\t\t) : null;\n\t};\n\n\tDrawer.prototype.renderBody = function renderBody() {\n\t\tvar _this2 = this;\n\n\t\tvar _props3 = this.props,\n\t\t destroyOnClose = _props3.destroyOnClose,\n\t\t show = _props3.show;\n\n\t\tif (destroyOnClose && !show) {\n\t\t\treturn null;\n\t\t}\n\t\tvar _props4 = this.props,\n\t\t hasHeader = _props4.hasHeader,\n\t\t title = _props4.title,\n\t\t children = _props4.children,\n\t\t width = _props4.width,\n\t\t height = _props4.height,\n\t\t placement = _props4.placement;\n\t\tvar push = this.state.push;\n\t\t//抽屉类\n\n\t\tvar drawerClass = (0, _classnames2[\"default\"])('drawer', 'drawer-' + placement);\n\t\t//根据位置获取抽屉样式\n\t\tvar translateHideMap = {\n\t\t\tleft: 'translateX(-100%)',\n\t\t\tright: 'translateX(100%)',\n\t\t\ttop: 'translateY(-100%)',\n\t\t\tbottom: 'translateY(100%)'\n\t\t};\n\t\tvar translateShow = 'translate(0,0)';\n\t\tif (push) {\n\t\t\tvar pushNum = 50;\n\t\t\tvar translateShowMap = {\n\t\t\t\tleft: 'translate(' + pushNum + 'px,0)',\n\t\t\t\tright: 'translate(-' + pushNum + 'px,0)',\n\t\t\t\ttop: 'translate(0,' + pushNum + 'px)',\n\t\t\t\tbottom: 'translate(0,-' + pushNum + 'px)'\n\t\t\t};\n\t\t\ttranslateShow = translateShowMap[placement];\n\t\t}\n\t\tvar translate = show ? translateShow : translateHideMap[placement];\n\t\t//抽屉面板样式\n\t\tif ((0, _common.isNumber)(width)) {\n\t\t\twidth = width + 'px';\n\t\t}\n\t\tif ((0, _common.isNumber)(height)) {\n\t\t\theight = height + 'px';\n\t\t}\n\t\tif (placement == 'top' || placement == 'bottom') {\n\t\t\tif (width == 'auto') {\n\t\t\t\twidth = '100%';\n\t\t\t}\n\t\t}\n\t\tif (placement == 'left' || placement == 'right') {\n\t\t\tif (height == 'auto') {\n\t\t\t\theight = '100%';\n\t\t\t}\n\t\t}\n\t\tvar drawerStyle = {\n\t\t\ttransform: translate,\n\t\t\tWebkitTransform: translate,\n\t\t\twidth: width,\n\t\t\theight: height\n\t\t};\n\t\tvar closer = this.renderClose();\n\t\tvar header = hasHeader ? _react2[\"default\"].createElement(\n\t\t\t'div',\n\t\t\t{ className: 'drawer-header' },\n\t\t\t_react2[\"default\"].createElement(\n\t\t\t\t'div',\n\t\t\t\t{ className: 'drawer-header-title' },\n\t\t\t\ttitle\n\t\t\t)\n\t\t) : '';\n\t\treturn _react2[\"default\"].createElement(\n\t\t\tDrawerContext.Provider,\n\t\t\t{ value: this },\n\t\t\t_react2[\"default\"].createElement(\n\t\t\t\t'div',\n\t\t\t\t{ ref: function ref(drawer) {\n\t\t\t\t\t\t_this2.drawer = drawer;\n\t\t\t\t\t}, onTransitionEnd: this.fDrawerTransitionEnd, className: drawerClass, style: drawerStyle },\n\t\t\t\tcloser,\n\t\t\t\theader,\n\t\t\t\t_react2[\"default\"].createElement(\n\t\t\t\t\t'div',\n\t\t\t\t\t{ className: 'drawer-body' },\n\t\t\t\t\tchildren\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t};\n\n\tDrawer.prototype.renderAll = function renderAll(value) {\n\t\tvar _props5 = this.props,\n\t\t show = _props5.show,\n\t\t className = _props5.className,\n\t\t zIndex = _props5.zIndex;\n\t\t//容器类\n\n\t\tvar drawercClass = (0, _classnames2[\"default\"])('drawerc', className);\n\t\t//容器样式\n\t\tvar drawercStyle = { zIndex: zIndex };\n\t\tif (show) {\n\t\t\tdrawercStyle.width = '100%';\n\t\t} else {\n\t\t\tdrawercStyle.width = 0;\n\t\t}\n\t\t//获取父级抽屉\n\t\tthis.parentDrawer = value;\n\n\t\treturn _react2[\"default\"].createElement(\n\t\t\t'div',\n\t\t\t{ className: drawercClass, style: drawercStyle },\n\t\t\tthis.renderMask(),\n\t\t\tthis.renderBody()\n\t\t);\n\t};\n\n\tDrawer.prototype.render = function render() {\n\t\tvar container = this.props.container;\n\n\t\tvar conDom = document.querySelector(container);\n\n\t\treturn _reactDom2[\"default\"].createPortal(_react2[\"default\"].createElement(\n\t\t\tDrawerContext.Consumer,\n\t\t\tnull,\n\t\t\tthis.renderAll\n\t\t), conDom);\n\t};\n\n\treturn Drawer;\n}(_react.Component);\n\nDrawer.propTypes = propTypes;\nDrawer.defaultProps = defaultProps;\n\nexports[\"default\"] = Drawer;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1012 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.bindAll = bindAll;\nexports.type = type;\nexports.isNumber = isNumber;\nfunction bindAll(context, arrFunc) {\n arrFunc.forEach(function (item) {\n context[item] = context[item].bind(context);\n });\n}\n\nfunction type(obj) {\n var toString = Object.prototype.toString;\n return toString.call(obj);\n}\n\nfunction isNumber(obj) {\n return type(obj) == '[object Number]';\n}\n\n/***/ }),\n/* 1013 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _CSSTransition = _interopRequireDefault(__webpack_require__(1014));\n\nvar _ReplaceTransition = _interopRequireDefault(__webpack_require__(1015));\n\nvar _TransitionGroup = _interopRequireDefault(__webpack_require__(404));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(402));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nmodule.exports = {\n Transition: _Transition.default,\n TransitionGroup: _TransitionGroup.default,\n ReplaceTransition: _ReplaceTransition.default,\n CSSTransition: _CSSTransition.default\n};\n\n/***/ }),\n/* 1014 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar PropTypes = _interopRequireWildcard(__webpack_require__(1));\n\nvar _addClass = _interopRequireDefault(__webpack_require__(231));\n\nvar _removeClass = _interopRequireDefault(__webpack_require__(233));\n\nvar _react = _interopRequireDefault(__webpack_require__(0));\n\nvar _Transition = _interopRequireDefault(__webpack_require__(402));\n\nvar _PropTypes = __webpack_require__(403);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _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; } }\n\nfunction _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); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }\n\nvar addClass = function addClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _addClass.default)(node, c);\n });\n};\n\nvar removeClass = function removeClass(node, classes) {\n return node && classes && classes.split(' ').forEach(function (c) {\n return (0, _removeClass.default)(node, c);\n });\n};\n/**\n * A transition component inspired by the excellent\n * [ng-animate](http://www.nganimate.org/) library, you should use it if you're\n * using CSS transitions or animations. It's built upon the\n * [`Transition`](https://reactcommunity.org/react-transition-group/transition)\n * component, so it inherits all of its props.\n *\n * `CSSTransition` applies a pair of class names during the `appear`, `enter`,\n * and `exit` states of the transition. The first class is applied and then a\n * second `*-active` class in order to activate the CSSS transition. After the\n * transition, matching `*-done` class names are applied to persist the\n * transition state.\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n * \n *
\n * \n * {\"I'll receive my-node-* classes\"}\n *
\n * \n *
\n *
I appear first
\n * I replace the above
\n * \n * ```\n */\nvar ReplaceTransition =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(ReplaceTransition, _React$Component);\n\n function ReplaceTransition() {\n var _this;\n\n for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {\n _args[_key] = arguments[_key];\n }\n\n _this = _React$Component.call.apply(_React$Component, [this].concat(_args)) || this;\n\n _this.handleEnter = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _this.handleLifecycle('onEnter', 0, args);\n };\n\n _this.handleEntering = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n\n return _this.handleLifecycle('onEntering', 0, args);\n };\n\n _this.handleEntered = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n\n return _this.handleLifecycle('onEntered', 0, args);\n };\n\n _this.handleExit = function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n\n return _this.handleLifecycle('onExit', 1, args);\n };\n\n _this.handleExiting = function () {\n for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {\n args[_key6] = arguments[_key6];\n }\n\n return _this.handleLifecycle('onExiting', 1, args);\n };\n\n _this.handleExited = function () {\n for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n args[_key7] = arguments[_key7];\n }\n\n return _this.handleLifecycle('onExited', 1, args);\n };\n\n return _this;\n }\n\n var _proto = ReplaceTransition.prototype;\n\n _proto.handleLifecycle = function handleLifecycle(handler, idx, originalArgs) {\n var _child$props;\n\n var children = this.props.children;\n\n var child = _react.default.Children.toArray(children)[idx];\n\n if (child.props[handler]) (_child$props = child.props)[handler].apply(_child$props, originalArgs);\n if (this.props[handler]) this.props[handler]((0, _reactDom.findDOMNode)(this));\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n children = _this$props.children,\n inProp = _this$props.in,\n props = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\"]);\n\n var _React$Children$toArr = _react.default.Children.toArray(children),\n first = _React$Children$toArr[0],\n second = _React$Children$toArr[1];\n\n delete props.onEnter;\n delete props.onEntering;\n delete props.onEntered;\n delete props.onExit;\n delete props.onExiting;\n delete props.onExited;\n return _react.default.createElement(_TransitionGroup.default, props, inProp ? _react.default.cloneElement(first, {\n key: 'first',\n onEnter: this.handleEnter,\n onEntering: this.handleEntering,\n onEntered: this.handleEntered\n }) : _react.default.cloneElement(second, {\n key: 'second',\n onEnter: this.handleExit,\n onEntering: this.handleExiting,\n onEntered: this.handleExited\n }));\n };\n\n return ReplaceTransition;\n}(_react.default.Component);\n\nReplaceTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n in: _propTypes.default.bool.isRequired,\n children: function children(props, propName) {\n if (_react.default.Children.count(props[propName]) !== 2) return new Error(\"\\\"\" + propName + \"\\\" must be exactly two transition components.\");\n return null;\n }\n} : {};\nvar _default = ReplaceTransition;\nexports.default = _default;\nmodule.exports = exports[\"default\"];\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 1016 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\nexports.getChildMapping = getChildMapping;\nexports.mergeChildMappings = mergeChildMappings;\nexports.getInitialChildMapping = getInitialChildMapping;\nexports.getNextChildMapping = getNextChildMapping;\n\nvar _react = __webpack_require__(0);\n\n/**\n * Given `this.props.children`, return an object mapping key to child.\n *\n * @param {*} children `this.props.children`\n * @return {object} Mapping of key to child\n */\nfunction getChildMapping(children, mapFn) {\n var mapper = function mapper(child) {\n return mapFn && (0, _react.isValidElement)(child) ? mapFn(child) : child;\n };\n\n var result = Object.create(null);\n if (children) _react.Children.map(children, function (c) {\n return c;\n }).forEach(function (child) {\n // run the map function here instead so that the key is the computed one\n result[child.key] = mapper(child);\n });\n return result;\n}\n/**\n * When you're adding or removing children some may be added or removed in the\n * same render pass. We want to show *both* since we want to simultaneously\n * animate elements in and out. This function takes a previous set of keys\n * and a new set of keys and merges them with its best guess of the correct\n * ordering. In the future we may expose some of the utilities in\n * ReactMultiChild to make this easy, but for now React itself does not\n * directly have this concept of the union of prevChildren and nextChildren\n * so we implement it here.\n *\n * @param {object} prev prev children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @param {object} next next children as returned from\n * `ReactTransitionChildMapping.getChildMapping()`.\n * @return {object} a key set that contains all keys in `prev` and all keys\n * in `next` in a reasonable order.\n */\n\n\nfunction mergeChildMappings(prev, next) {\n prev = prev || {};\n next = next || {};\n\n function getValueForKey(key) {\n return key in next ? next[key] : prev[key];\n } // For each key of `next`, the list of keys to insert before that key in\n // the combined list\n\n\n var nextKeysPending = Object.create(null);\n var pendingKeys = [];\n\n for (var prevKey in prev) {\n if (prevKey in next) {\n if (pendingKeys.length) {\n nextKeysPending[prevKey] = pendingKeys;\n pendingKeys = [];\n }\n } else {\n pendingKeys.push(prevKey);\n }\n }\n\n var i;\n var childMapping = {};\n\n for (var nextKey in next) {\n if (nextKeysPending[nextKey]) {\n for (i = 0; i < nextKeysPending[nextKey].length; i++) {\n var pendingNextKey = nextKeysPending[nextKey][i];\n childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);\n }\n }\n\n childMapping[nextKey] = getValueForKey(nextKey);\n } // Finally, add the keys which didn't appear before any key in `next`\n\n\n for (i = 0; i < pendingKeys.length; i++) {\n childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);\n }\n\n return childMapping;\n}\n\nfunction getProp(child, prop, props) {\n return props[prop] != null ? props[prop] : child.props[prop];\n}\n\nfunction getInitialChildMapping(props, onExited) {\n return getChildMapping(props.children, function (child) {\n return (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n appear: getProp(child, 'appear', props),\n enter: getProp(child, 'enter', props),\n exit: getProp(child, 'exit', props)\n });\n });\n}\n\nfunction getNextChildMapping(nextProps, prevChildMapping, onExited) {\n var nextChildMapping = getChildMapping(nextProps.children);\n var children = mergeChildMappings(prevChildMapping, nextChildMapping);\n Object.keys(children).forEach(function (key) {\n var child = children[key];\n if (!(0, _react.isValidElement)(child)) return;\n var hasPrev = key in prevChildMapping;\n var hasNext = key in nextChildMapping;\n var prevChild = prevChildMapping[key];\n var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; // item is new (entering)\n\n if (hasNext && (!hasPrev || isLeaving)) {\n // console.log('entering', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: true,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n } else if (!hasNext && hasPrev && !isLeaving) {\n // item is old (exiting)\n // console.log('leaving', key)\n children[key] = (0, _react.cloneElement)(child, {\n in: false\n });\n } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) {\n // item hasn't changed transition states\n // copy over the last transition props;\n // console.log('unchanged', key)\n children[key] = (0, _react.cloneElement)(child, {\n onExited: onExited.bind(null, child),\n in: prevChild.props.in,\n exit: getProp(child, 'exit', nextProps),\n enter: getProp(child, 'enter', nextProps)\n });\n }\n });\n return children;\n}\n\n/***/ }),\n/* 1017 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1018);\nmodule.exports = __webpack_require__(1019);\n\n\n/***/ }),\n/* 1018 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1019 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _TreeSelect = __webpack_require__(1020);\n\nvar _TreeSelect2 = _interopRequireDefault(_TreeSelect);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _TreeSelect2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1020 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _rcTreeSelect = __webpack_require__(1021);\n\nvar _rcTreeSelect2 = _interopRequireDefault(_rcTreeSelect);\n\nvar _beeIcon = __webpack_require__(7);\n\nvar _beeIcon2 = _interopRequireDefault(_beeIcon);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\nvar _warning = __webpack_require__(20);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nvar _omit = __webpack_require__(29);\n\nvar _omit2 = _interopRequireDefault(_omit);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); } /**\n * This source code is quoted from rc-tree-select.\n * homepage: https://github.com/react-component/tree-select\n */\n\n\nvar defaultProps = {\n prefixCls: 'u-select',\n transitionName: 'slide-up',\n choiceTransitionName: 'zoom',\n showSearch: false,\n notFoundContent: \"无匹配结果\"\n};\nvar propTypes = {\n getPopupContainer: _propTypes2[\"default\"].func\n};\n\nvar TreeSelect = function (_Component) {\n _inherits(TreeSelect, _Component);\n\n function TreeSelect(props) {\n _classCallCheck(this, TreeSelect);\n\n var _this = _possibleConstructorReturn(this, _Component.call(this, props));\n\n _this.saveTreeSelect = function (node) {\n _this.rcTreeSelect = node;\n };\n\n _this.renderSwitcherIcon = function (prefixCls, _ref) {\n var isLeaf = _ref.isLeaf,\n loading = _ref.loading;\n\n if (loading) {\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'loading', className: prefixCls + '-switcher-loading-icon' });\n }\n if (isLeaf) {\n return null;\n }\n return _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-triangle-down', className: prefixCls + '-switcher-icon' });\n };\n\n (0, _warning2[\"default\"])(props.multiple !== false || !props.treeCheckable, 'TreeSelect', '`multiple` will alway be `true` when `treeCheckable` is true');\n return _this;\n }\n\n TreeSelect.prototype.focus = function focus() {\n this.rcTreeSelect.focus();\n };\n\n TreeSelect.prototype.blur = function blur() {\n this.rcTreeSelect.blur();\n };\n\n TreeSelect.prototype.render = function render() {\n var _classNames;\n\n var _props = this.props,\n prefixCls = _props.prefixCls,\n className = _props.className,\n size = _props.size,\n notFoundContent = _props.notFoundContent,\n dropdownStyle = _props.dropdownStyle,\n dropdownClassName = _props.dropdownClassName,\n suffixIcon = _props.suffixIcon,\n getPopupContainer = _props.getPopupContainer,\n restProps = _objectWithoutProperties(_props, ['prefixCls', 'className', 'size', 'notFoundContent', 'dropdownStyle', 'dropdownClassName', 'suffixIcon', 'getPopupContainer']);\n\n var rest = (0, _omit2[\"default\"])(restProps, ['inputIcon', 'removeIcon', 'clearIcon', 'switcherIcon']);\n\n var cls = (0, _classnames2[\"default\"])((_classNames = {}, _defineProperty(_classNames, prefixCls + '-lg', size === 'large'), _defineProperty(_classNames, prefixCls + '-sm', size === 'small'), _classNames), className);\n\n // showSearch: single - false, multiple - true\n var showSearch = restProps.showSearch;\n\n if (!('showSearch' in restProps)) {\n showSearch = !!(restProps.multiple || restProps.treeCheckable);\n }\n\n var checkable = rest.treeCheckable;\n if (checkable) {\n checkable = _react2[\"default\"].createElement('span', { className: prefixCls + '-tree-checkbox-inner' });\n }\n\n var inputIcon = suffixIcon && (_react2[\"default\"].isValidElement(suffixIcon) ? _react2[\"default\"].cloneElement(suffixIcon) : suffixIcon) || _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-treearrow-down', className: prefixCls + '-arrow-icon' });\n\n var removeIcon = _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-close', className: prefixCls + '-remove-icon' });\n\n var clearIcon = _react2[\"default\"].createElement(_beeIcon2[\"default\"], { type: 'uf-close-c', className: prefixCls + '-clear-icon' });\n\n return _react2[\"default\"].createElement(_rcTreeSelect2[\"default\"]\n // switcherIcon={(nodeProps) =>\n // this.renderSwitcherIcon(prefixCls, nodeProps)\n // }\n , _extends({ inputIcon: inputIcon,\n removeIcon: removeIcon,\n clearIcon: clearIcon\n }, restProps, {\n showSearch: showSearch,\n getPopupContainer: getPopupContainer,\n dropdownClassName: (0, _classnames2[\"default\"])(dropdownClassName, prefixCls + '-dropdown'),\n prefixCls: prefixCls,\n className: cls,\n dropdownStyle: _extends({ maxHeight: '100vh', overflow: 'auto' }, dropdownStyle),\n notFoundContent: notFoundContent,\n treeCheckable: checkable,\n ref: this.saveTreeSelect,\n searchPlaceholder: '\\u8BF7\\u641C\\u7D22'\n }));\n };\n\n return TreeSelect;\n}(_react.Component);\n\nTreeSelect.TreeNode = _rcTreeSelect.TreeNode;\nTreeSelect.SHOW_ALL = _rcTreeSelect.SHOW_ALL;\nTreeSelect.SHOW_PARENT = _rcTreeSelect.SHOW_PARENT;\nTreeSelect.SHOW_CHILD = _rcTreeSelect.SHOW_CHILD;\n;\nTreeSelect.propTypes = propTypes;\nTreeSelect.defaultProps = defaultProps;\nexports[\"default\"] = TreeSelect;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1021 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TreeNode\", function() { return TreeNode; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Select__ = __webpack_require__(1022);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__SelectNode__ = __webpack_require__(412);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__strategies__ = __webpack_require__(149);\n/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, \"SHOW_ALL\", function() { return __WEBPACK_IMPORTED_MODULE_2__strategies__[\"a\"]; });\n/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, \"SHOW_CHILD\", function() { return __WEBPACK_IMPORTED_MODULE_2__strategies__[\"b\"]; });\n/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, \"SHOW_PARENT\", function() { return __WEBPACK_IMPORTED_MODULE_2__strategies__[\"c\"]; });\n\n\n\nvar TreeNode = __WEBPACK_IMPORTED_MODULE_1__SelectNode__[\"a\" /* default */];\n/* harmony default export */ __webpack_exports__[\"default\"] = (__WEBPACK_IMPORTED_MODULE_0__Select__[\"a\" /* default */]);\n\n/***/ }),\n/* 1022 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_react_dom__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_lifecycles_compat__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__ = __webpack_require__(63);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_shallowequal__ = __webpack_require__(47);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_shallowequal___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_shallowequal__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_raf__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_raf__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_dom_scroll_into_view__ = __webpack_require__(64);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_dom_scroll_into_view___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7_dom_scroll_into_view__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__SelectTrigger__ = __webpack_require__(1023);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__Base_BaseSelector__ = __webpack_require__(150);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__Base_BasePopup__ = __webpack_require__(151);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__Selector_SingleSelector__ = __webpack_require__(1032);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__Selector_MultipleSelector__ = __webpack_require__(1033);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__Popup_SinglePopup__ = __webpack_require__(1038);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__Popup_MultiplePopup__ = __webpack_require__(1039);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15__strategies__ = __webpack_require__(149);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_16__util__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_17__propTypes__ = __webpack_require__(411);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_18__SelectNode__ = __webpack_require__(412);\nfunction _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); }\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance\"); }\n\nfunction _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n/**\n * ARIA: https://www.w3.org/TR/wai-aria/#combobox\n * Sample 1: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/combobox/aria1.1pattern/listbox-combo.html\n * Sample 2: https://www.w3.org/blog/wai-components-gallery/widget/combobox-with-aria-autocompleteinline/\n *\n * Tab logic:\n * Popup is close\n * 1. Focus input (mark component as focused)\n * 2. Press enter to show the popup\n * 3. If popup has input, focus it\n *\n * Popup is open\n * 1. press tab to close the popup\n * 2. Focus back to the selection input box\n * 3. Let the native tab going on\n *\n * TreeSelect use 2 design type.\n * In single mode, we should focus on the `span`\n * In multiple mode, we should focus on the `input`\n */\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Select =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Select, _React$Component);\n\n function Select(_props) {\n var _this;\n\n _classCallCheck(this, Select);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Select).call(this, _props));\n\n _defineProperty(_assertThisInitialized(_this), \"onSelectorFocus\", function () {\n _this.setState({\n focused: true\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSelectorBlur\", function () {\n _this.setState({\n focused: false\n }); // TODO: Close when Popup is also not focused\n // this.setState({ open: false });\n\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onComponentKeyDown\", function (event) {\n var open = _this.state.open;\n var keyCode = event.keyCode;\n\n if (!open) {\n if ([__WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].ENTER, __WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].DOWN].indexOf(keyCode) !== -1) {\n _this.setOpenState(true);\n }\n } else if (__WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].ESC === keyCode) {\n _this.setOpenState(false);\n } else if ([__WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].UP, __WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].DOWN, __WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].LEFT, __WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].RIGHT].indexOf(keyCode) !== -1) {\n // TODO: Handle `open` state\n event.stopPropagation();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDeselect\", function (wrappedValue, node, nodeEventInfo) {\n var onDeselect = _this.props.onDeselect;\n if (!onDeselect) return;\n onDeselect(wrappedValue, node, nodeEventInfo);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSelectorClear\", function (event) {\n var disabled = _this.props.disabled;\n if (disabled) return;\n\n _this.triggerChange([], []);\n\n if (!_this.isSearchValueControlled()) {\n _this.setUncontrolledState({\n searchValue: '',\n filteredTreeNodes: null\n });\n }\n\n event.stopPropagation();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onMultipleSelectorRemove\", function (event, removeValue) {\n event.stopPropagation();\n var _this$state = _this.state,\n valueList = _this$state.valueList,\n missValueList = _this$state.missValueList,\n valueEntities = _this$state.valueEntities;\n var _this$props = _this.props,\n treeCheckable = _this$props.treeCheckable,\n treeCheckStrictly = _this$props.treeCheckStrictly,\n treeNodeLabelProp = _this$props.treeNodeLabelProp,\n disabled = _this$props.disabled;\n if (disabled) return; // Find trigger entity\n\n var triggerEntity = valueEntities[removeValue]; // Clean up value\n\n var newValueList = valueList;\n\n if (triggerEntity) {\n // If value is in tree\n if (treeCheckable && !treeCheckStrictly) {\n newValueList = valueList.filter(function (_ref) {\n var value = _ref.value;\n var entity = valueEntities[value];\n return !Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"p\" /* isPosRelated */])(entity.pos, triggerEntity.pos);\n });\n } else {\n newValueList = valueList.filter(function (_ref2) {\n var value = _ref2.value;\n return value !== removeValue;\n });\n }\n }\n\n var triggerNode = triggerEntity ? triggerEntity.node : null;\n var extraInfo = {\n triggerValue: removeValue,\n triggerNode: triggerNode\n };\n var deselectInfo = {\n node: triggerNode\n }; // [Legacy] Little hack on this to make same action as `onCheck` event.\n\n if (treeCheckable) {\n var filteredEntityList = newValueList.map(function (_ref3) {\n var value = _ref3.value;\n return valueEntities[value];\n });\n deselectInfo.event = 'check';\n deselectInfo.checked = false;\n deselectInfo.checkedNodes = filteredEntityList.map(function (_ref4) {\n var node = _ref4.node;\n return node;\n });\n deselectInfo.checkedNodesPositions = filteredEntityList.map(function (_ref5) {\n var node = _ref5.node,\n pos = _ref5.pos;\n return {\n node: node,\n pos: pos\n };\n });\n\n if (treeCheckStrictly) {\n extraInfo.allCheckedNodes = deselectInfo.checkedNodes;\n } else {\n // TODO: It's too expansive to get `halfCheckedKeys` in onDeselect. Not pass this.\n extraInfo.allCheckedNodes = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"i\" /* flatToHierarchy */])(filteredEntityList).map(function (_ref6) {\n var node = _ref6.node;\n return node;\n });\n }\n } else {\n deselectInfo.event = 'select';\n deselectInfo.selected = false;\n deselectInfo.selectedNodes = newValueList.map(function (_ref7) {\n var value = _ref7.value;\n return (valueEntities[value] || {}).node;\n });\n } // Some value user pass prop is not in the tree, we also need clean it\n\n\n var newMissValueList = missValueList.filter(function (_ref8) {\n var value = _ref8.value;\n return value !== removeValue;\n });\n var wrappedValue;\n\n if (_this.isLabelInValue()) {\n wrappedValue = {\n label: triggerNode ? triggerNode.props[treeNodeLabelProp] : null,\n value: removeValue\n };\n } else {\n wrappedValue = removeValue;\n }\n\n _this.onDeselect(wrappedValue, triggerNode, deselectInfo);\n\n _this.triggerChange(newMissValueList, newValueList, extraInfo);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onValueTrigger\", function (isAdd, nodeList, nodeEventInfo, nodeExtraInfo) {\n var node = nodeEventInfo.node;\n var value = node.props.value;\n var _this$state2 = _this.state,\n missValueList = _this$state2.missValueList,\n valueEntities = _this$state2.valueEntities,\n keyEntities = _this$state2.keyEntities,\n searchValue = _this$state2.searchValue;\n var _this$props2 = _this.props,\n disabled = _this$props2.disabled,\n inputValue = _this$props2.inputValue,\n treeNodeLabelProp = _this$props2.treeNodeLabelProp,\n onSelect = _this$props2.onSelect,\n onSearch = _this$props2.onSearch,\n multiple = _this$props2.multiple,\n treeCheckable = _this$props2.treeCheckable,\n treeCheckStrictly = _this$props2.treeCheckStrictly,\n autoClearSearchValue = _this$props2.autoClearSearchValue;\n var label = node.props[treeNodeLabelProp];\n if (disabled) return; // Wrap the return value for user\n\n var wrappedValue;\n\n if (_this.isLabelInValue()) {\n wrappedValue = {\n value: value,\n label: label\n };\n } else {\n wrappedValue = value;\n } // [Legacy] Origin code not trigger `onDeselect` every time. Let's align the behaviour.\n\n\n if (isAdd) {\n if (onSelect) {\n onSelect(wrappedValue, node, nodeEventInfo);\n }\n } else {\n _this.onDeselect(wrappedValue, node, nodeEventInfo);\n } // Get wrapped value list.\n // This is a bit hack cause we use key to match the value.\n\n\n var newValueList = nodeList.map(function (_ref9) {\n var props = _ref9.props;\n return {\n value: props.value,\n label: props[treeNodeLabelProp]\n };\n }); // When is `treeCheckable` and with `searchValue`, `valueList` is not full filled.\n // We need calculate the missing nodes.\n\n if (treeCheckable && !treeCheckStrictly) {\n var keyList = newValueList.map(function (_ref10) {\n var val = _ref10.value;\n return valueEntities[val].key;\n });\n\n if (isAdd) {\n keyList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"d\" /* conductCheck */])(keyList, true, keyEntities).checkedKeys;\n } else {\n keyList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"d\" /* conductCheck */])([valueEntities[value].key], false, keyEntities, {\n checkedKeys: keyList\n }).checkedKeys;\n }\n\n newValueList = keyList.map(function (key) {\n var props = keyEntities[key].node.props;\n return {\n value: props.value,\n label: props[treeNodeLabelProp]\n };\n });\n } // Clean up `searchValue` when this prop is set\n\n\n if (autoClearSearchValue || inputValue === null) {\n // Clean state `searchValue` if uncontrolled\n if (!_this.isSearchValueControlled() && (multiple || treeCheckable)) {\n _this.setUncontrolledState({\n searchValue: '',\n filteredTreeNodes: null\n });\n } // Trigger onSearch if `searchValue` to be empty.\n // We should also trigger onSearch with empty string here\n // since if user use `treeExpandedKeys`, it need user have the ability to reset it.\n\n\n if (onSearch && searchValue && searchValue.length) {\n onSearch('');\n }\n } // [Legacy] Provide extra info\n\n\n var extraInfo = _objectSpread({}, nodeExtraInfo, {\n triggerValue: value,\n triggerNode: node\n });\n\n _this.triggerChange(missValueList, newValueList, extraInfo);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTreeNodeSelect\", function (_, nodeEventInfo) {\n var _this$state3 = _this.state,\n valueList = _this$state3.valueList,\n valueEntities = _this$state3.valueEntities;\n var _this$props3 = _this.props,\n treeCheckable = _this$props3.treeCheckable,\n multiple = _this$props3.multiple;\n if (treeCheckable) return;\n\n if (!multiple) {\n _this.setOpenState(false);\n }\n\n var isAdd = nodeEventInfo.selected;\n var selectedValue = nodeEventInfo.node.props.value;\n var newValueList;\n\n if (!multiple) {\n newValueList = [{\n value: selectedValue\n }];\n } else {\n newValueList = valueList.filter(function (_ref11) {\n var value = _ref11.value;\n return value !== selectedValue;\n });\n\n if (isAdd) {\n newValueList.push({\n value: selectedValue\n });\n }\n }\n\n var selectedNodes = newValueList.map(function (_ref12) {\n var value = _ref12.value;\n return valueEntities[value];\n }).filter(function (entity) {\n return entity;\n }).map(function (_ref13) {\n var node = _ref13.node;\n return node;\n });\n\n _this.onValueTrigger(isAdd, selectedNodes, nodeEventInfo, {\n selected: isAdd\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onTreeNodeCheck\", function (_, nodeEventInfo) {\n var _this$state4 = _this.state,\n searchValue = _this$state4.searchValue,\n keyEntities = _this$state4.keyEntities,\n valueEntities = _this$state4.valueEntities,\n valueList = _this$state4.valueList;\n var treeCheckStrictly = _this.props.treeCheckStrictly;\n var checkedNodes = nodeEventInfo.checkedNodes,\n checkedNodesPositions = nodeEventInfo.checkedNodesPositions;\n var isAdd = nodeEventInfo.checked;\n var extraInfo = {\n checked: isAdd\n };\n var checkedNodeList = checkedNodes; // [Legacy] Check event provide `allCheckedNodes`.\n // When `treeCheckStrictly` or internal `searchValue` is set, TreeNode will be unrelated:\n // - Related: Show the top checked nodes and has children prop.\n // - Unrelated: Show all the checked nodes.\n\n if (searchValue) {\n var oriKeyList = valueList.map(function (_ref14) {\n var value = _ref14.value;\n return valueEntities[value];\n }).filter(function (entity) {\n return entity;\n }).map(function (_ref15) {\n var key = _ref15.key;\n return key;\n });\n var keyList;\n\n if (isAdd) {\n keyList = Array.from(new Set([].concat(_toConsumableArray(oriKeyList), _toConsumableArray(checkedNodeList.map(function (_ref16) {\n var value = _ref16.props.value;\n return valueEntities[value].key;\n })))));\n } else {\n keyList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"d\" /* conductCheck */])([nodeEventInfo.node.props.eventKey], false, keyEntities, {\n checkedKeys: oriKeyList\n }).checkedKeys;\n }\n\n checkedNodeList = keyList.map(function (key) {\n return keyEntities[key].node;\n }); // Let's follow as not `treeCheckStrictly` format\n\n extraInfo.allCheckedNodes = keyList.map(function (key) {\n return Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"c\" /* cleanEntity */])(keyEntities[key]);\n });\n } else if (treeCheckStrictly) {\n extraInfo.allCheckedNodes = nodeEventInfo.checkedNodes;\n } else {\n extraInfo.allCheckedNodes = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"i\" /* flatToHierarchy */])(checkedNodesPositions);\n }\n\n _this.onValueTrigger(isAdd, checkedNodeList, nodeEventInfo, extraInfo);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onDropdownVisibleChange\", function (open) {\n var _this$props4 = _this.props,\n multiple = _this$props4.multiple,\n treeCheckable = _this$props4.treeCheckable;\n var searchValue = _this.state.searchValue; // When set open success and single mode,\n // we will reset the input content.\n\n if (open && !multiple && !treeCheckable && searchValue) {\n _this.setUncontrolledState({\n searchValue: '',\n filteredTreeNodes: null\n });\n }\n\n _this.setOpenState(open, true);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSearchInputChange\", function (_ref17) {\n var value = _ref17.target.value;\n var _this$state5 = _this.state,\n treeNodes = _this$state5.treeNodes,\n valueEntities = _this$state5.valueEntities;\n var _this$props5 = _this.props,\n onSearch = _this$props5.onSearch,\n filterTreeNode = _this$props5.filterTreeNode,\n treeNodeFilterProp = _this$props5.treeNodeFilterProp;\n\n if (onSearch) {\n onSearch(value);\n }\n\n var isSet = false;\n\n if (!_this.isSearchValueControlled()) {\n isSet = _this.setUncontrolledState({\n searchValue: value\n });\n\n _this.setOpenState(true);\n }\n\n if (isSet) {\n // Do the search logic\n var upperSearchValue = String(value).toUpperCase();\n var filterTreeNodeFn = filterTreeNode;\n\n if (filterTreeNode === false) {\n // Don't filter if is false\n filterTreeNodeFn = function filterTreeNodeFn() {\n return true;\n };\n } else if (typeof filterTreeNodeFn !== 'function') {\n // When is not function (true or undefined), use inner filter\n filterTreeNodeFn = function filterTreeNodeFn(_, node) {\n var nodeValue = String(node.props[treeNodeFilterProp]).toUpperCase();\n return nodeValue.indexOf(upperSearchValue) !== -1;\n };\n }\n\n _this.setState({\n filteredTreeNodes: Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"m\" /* getFilterTree */])(treeNodes, value, filterTreeNodeFn, valueEntities, __WEBPACK_IMPORTED_MODULE_18__SelectNode__[\"a\" /* default */])\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSearchInputKeyDown\", function (event) {\n var _this$state6 = _this.state,\n searchValue = _this$state6.searchValue,\n valueList = _this$state6.valueList;\n var keyCode = event.keyCode;\n\n if (__WEBPACK_IMPORTED_MODULE_4_rc_util_es_KeyCode__[\"a\" /* default */].BACKSPACE === keyCode && _this.isMultiple() && !searchValue && valueList.length) {\n var lastValue = valueList[valueList.length - 1].value;\n\n _this.onMultipleSelectorRemove(event, lastValue);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onChoiceAnimationLeave\", function () {\n __WEBPACK_IMPORTED_MODULE_6_raf___default()(function () {\n _this.forcePopupAlign();\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setPopupRef\", function (popup) {\n _this.popup = popup;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setUncontrolledState\", function (state) {\n var needSync = false;\n var newState = {};\n Object.keys(state).forEach(function (name) {\n if (name in _this.props) return;\n needSync = true;\n newState[name] = state[name];\n });\n\n if (needSync) {\n _this.setState(newState);\n }\n\n return needSync;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"setOpenState\", function (open) {\n var byTrigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n var onDropdownVisibleChange = _this.props.onDropdownVisibleChange;\n\n if (onDropdownVisibleChange && onDropdownVisibleChange(open, {\n documentClickClose: !open && byTrigger\n }) === false) {\n return;\n }\n\n _this.setUncontrolledState({\n open: open\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"isMultiple\", function () {\n var _this$props6 = _this.props,\n multiple = _this$props6.multiple,\n treeCheckable = _this$props6.treeCheckable;\n return !!(multiple || treeCheckable);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"isLabelInValue\", function () {\n return Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"o\" /* isLabelInValue */])(_this.props);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"isSearchValueControlled\", function () {\n var inputValue = _this.props.inputValue;\n if ('searchValue' in _this.props) return true;\n return 'inputValue' in _this.props && inputValue !== null;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"forcePopupAlign\", function () {\n var $trigger = _this.selectTriggerRef.current;\n\n if ($trigger) {\n $trigger.forcePopupAlign();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"delayForcePopupAlign\", function () {\n // Wait 2 frame to avoid dom update & dom algin in the same time\n // https://github.com/ant-design/ant-design/issues/12031\n __WEBPACK_IMPORTED_MODULE_6_raf___default()(function () {\n __WEBPACK_IMPORTED_MODULE_6_raf___default()(_this.forcePopupAlign);\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"triggerChange\", function (missValueList, valueList) {\n var extraInfo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var _this$state7 = _this.state,\n valueEntities = _this$state7.valueEntities,\n searchValue = _this$state7.searchValue,\n prevSelectorValueList = _this$state7.selectorValueList;\n var _this$props7 = _this.props,\n onChange = _this$props7.onChange,\n disabled = _this$props7.disabled,\n treeCheckable = _this$props7.treeCheckable,\n treeCheckStrictly = _this$props7.treeCheckStrictly;\n if (disabled) return; // Trigger\n\n var extra = _objectSpread({\n // [Legacy] Always return as array contains label & value\n preValue: prevSelectorValueList.map(function (_ref18) {\n var label = _ref18.label,\n value = _ref18.value;\n return {\n label: label,\n value: value\n };\n })\n }, extraInfo); // Format value by `treeCheckStrictly`\n\n\n var selectorValueList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"k\" /* formatSelectorValue */])(valueList, _this.props, valueEntities);\n\n if (!('value' in _this.props)) {\n var newState = {\n missValueList: missValueList,\n valueList: valueList,\n selectorValueList: selectorValueList\n };\n\n if (searchValue && treeCheckable && !treeCheckStrictly) {\n newState.searchHalfCheckedKeys = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"n\" /* getHalfCheckedKeys */])(valueList, valueEntities);\n }\n\n _this.setState(newState);\n } // Only do the logic when `onChange` function provided\n\n\n if (onChange) {\n var connectValueList; // Get value by mode\n\n if (_this.isMultiple()) {\n connectValueList = [].concat(_toConsumableArray(missValueList), _toConsumableArray(selectorValueList));\n } else {\n connectValueList = selectorValueList.slice(0, 1);\n }\n\n var labelList = null;\n var returnValue;\n\n if (_this.isLabelInValue()) {\n returnValue = connectValueList.map(function (_ref19) {\n var label = _ref19.label,\n value = _ref19.value;\n return {\n label: label,\n value: value\n };\n });\n } else {\n labelList = [];\n returnValue = connectValueList.map(function (_ref20) {\n var label = _ref20.label,\n value = _ref20.value;\n labelList.push(label);\n return value;\n });\n }\n\n if (!_this.isMultiple()) {\n returnValue = returnValue[0];\n }\n\n onChange(returnValue, labelList, extra);\n }\n });\n\n var prefixAria = _props.prefixAria,\n defaultOpen = _props.defaultOpen,\n _open = _props.open;\n _this.state = {\n open: _open || defaultOpen,\n valueList: [],\n searchHalfCheckedKeys: [],\n missValueList: [],\n // Contains the value not in the tree\n selectorValueList: [],\n // Used for multiple selector\n valueEntities: {},\n keyEntities: {},\n searchValue: '',\n init: true\n };\n _this.selectorRef = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"g\" /* createRef */])();\n _this.selectTriggerRef = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"g\" /* createRef */])(); // ARIA need `aria-controls` props mapping\n // Since this need user input. Let's generate ourselves\n\n _this.ariaId = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"l\" /* generateAriaId */])(\"\".concat(prefixAria, \"-list\"));\n return _this;\n }\n\n _createClass(Select, [{\n key: \"getChildContext\",\n value: function getChildContext() {\n return {\n rcTreeSelect: {\n onSelectorFocus: this.onSelectorFocus,\n onSelectorBlur: this.onSelectorBlur,\n onSelectorKeyDown: this.onComponentKeyDown,\n onSelectorClear: this.onSelectorClear,\n onMultipleSelectorRemove: this.onMultipleSelectorRemove,\n onTreeNodeSelect: this.onTreeNodeSelect,\n onTreeNodeCheck: this.onTreeNodeCheck,\n onPopupKeyDown: this.onComponentKeyDown,\n onSearchInputChange: this.onSearchInputChange,\n onSearchInputKeyDown: this.onSearchInputKeyDown\n }\n };\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this$props8 = this.props,\n autoFocus = _this$props8.autoFocus,\n disabled = _this$props8.disabled;\n\n if (autoFocus && !disabled) {\n this.focus();\n }\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(_, prevState) {\n var _this2 = this;\n\n var prefixCls = this.props.prefixCls;\n var _this$state8 = this.state,\n valueList = _this$state8.valueList,\n open = _this$state8.open,\n selectorValueList = _this$state8.selectorValueList,\n valueEntities = _this$state8.valueEntities;\n var isMultiple = this.isMultiple();\n\n if (prevState.valueList !== valueList) {\n this.forcePopupAlign();\n } // Scroll to value position, only need sync on single mode\n\n\n if (!isMultiple && selectorValueList.length && !prevState.open && open && this.popup) {\n var value = selectorValueList[0].value;\n\n var _this$popup$getTree = this.popup.getTree(),\n domTreeNodes = _this$popup$getTree.domTreeNodes;\n\n var _ref21 = valueEntities[value] || {},\n key = _ref21.key;\n\n var treeNode = domTreeNodes[key];\n\n if (treeNode) {\n var domNode = Object(__WEBPACK_IMPORTED_MODULE_1_react_dom__[\"findDOMNode\"])(treeNode);\n __WEBPACK_IMPORTED_MODULE_6_raf___default()(function () {\n var popupNode = Object(__WEBPACK_IMPORTED_MODULE_1_react_dom__[\"findDOMNode\"])(_this2.popup);\n var triggerContainer = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"h\" /* findPopupContainer */])(popupNode, \"\".concat(prefixCls, \"-dropdown\"));\n var searchNode = _this2.popup.searchRef.current;\n\n if (domNode && triggerContainer && searchNode) {\n __WEBPACK_IMPORTED_MODULE_7_dom_scroll_into_view___default()(domNode, triggerContainer, {\n onlyScrollIfNeeded: true,\n offsetTop: searchNode.offsetHeight\n });\n }\n });\n }\n }\n } // ==================== Selector ====================\n\n }, {\n key: \"focus\",\n value: function focus() {\n this.selectorRef.current.focus();\n }\n }, {\n key: \"blur\",\n value: function blur() {\n this.selectorRef.current.blur();\n } // ===================== Render =====================\n\n }, {\n key: \"render\",\n value: function render() {\n var _this$state9 = this.state,\n valueList = _this$state9.valueList,\n missValueList = _this$state9.missValueList,\n selectorValueList = _this$state9.selectorValueList,\n searchHalfCheckedKeys = _this$state9.searchHalfCheckedKeys,\n valueEntities = _this$state9.valueEntities,\n keyEntities = _this$state9.keyEntities,\n searchValue = _this$state9.searchValue,\n open = _this$state9.open,\n focused = _this$state9.focused,\n treeNodes = _this$state9.treeNodes,\n filteredTreeNodes = _this$state9.filteredTreeNodes;\n var _this$props9 = this.props,\n prefixCls = _this$props9.prefixCls,\n treeExpandedKeys = _this$props9.treeExpandedKeys,\n onTreeExpand = _this$props9.onTreeExpand;\n var isMultiple = this.isMultiple();\n\n var passProps = _objectSpread({}, this.props, {\n isMultiple: isMultiple,\n valueList: valueList,\n searchHalfCheckedKeys: searchHalfCheckedKeys,\n selectorValueList: [].concat(_toConsumableArray(missValueList), _toConsumableArray(selectorValueList)),\n valueEntities: valueEntities,\n keyEntities: keyEntities,\n searchValue: searchValue,\n upperSearchValue: (searchValue || '').toUpperCase(),\n // Perf save\n open: open,\n focused: focused,\n onChoiceAnimationLeave: this.onChoiceAnimationLeave,\n dropdownPrefixCls: \"\".concat(prefixCls, \"-dropdown\"),\n ariaId: this.ariaId\n });\n\n var Popup = isMultiple ? __WEBPACK_IMPORTED_MODULE_14__Popup_MultiplePopup__[\"a\" /* default */] : __WEBPACK_IMPORTED_MODULE_13__Popup_SinglePopup__[\"a\" /* default */];\n var $popup = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Popup, _extends({\n ref: this.setPopupRef\n }, passProps, {\n onTreeExpanded: this.delayForcePopupAlign,\n treeNodes: treeNodes,\n filteredTreeNodes: filteredTreeNodes // Tree expanded control\n ,\n treeExpandedKeys: treeExpandedKeys,\n onTreeExpand: onTreeExpand\n }));\n var Selector = isMultiple ? __WEBPACK_IMPORTED_MODULE_12__Selector_MultipleSelector__[\"a\" /* default */] : __WEBPACK_IMPORTED_MODULE_11__Selector_SingleSelector__[\"a\" /* default */];\n var $selector = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Selector, _extends({}, passProps, {\n ref: this.selectorRef\n }));\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_8__SelectTrigger__[\"a\" /* default */], _extends({}, passProps, {\n ref: this.selectTriggerRef,\n popupElement: $popup,\n onKeyDown: this.onKeyDown,\n onDropdownVisibleChange: this.onDropdownVisibleChange\n }), $selector);\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n var _prevState$prevProps = prevState.prevProps,\n prevProps = _prevState$prevProps === void 0 ? {} : _prevState$prevProps;\n var treeCheckable = nextProps.treeCheckable,\n treeCheckStrictly = nextProps.treeCheckStrictly,\n filterTreeNode = nextProps.filterTreeNode,\n treeNodeFilterProp = nextProps.treeNodeFilterProp,\n treeDataSimpleMode = nextProps.treeDataSimpleMode;\n var newState = {\n prevProps: nextProps,\n init: false\n }; // Process the state when props updated\n\n function processState(propName, updater) {\n if (prevProps[propName] !== nextProps[propName]) {\n updater(nextProps[propName], prevProps[propName]);\n return true;\n }\n\n return false;\n }\n\n var valueRefresh = false; // Open\n\n processState('open', function (propValue) {\n newState.open = propValue;\n }); // Tree Nodes\n\n var treeNodes;\n var treeDataChanged = false;\n var treeDataModeChanged = false;\n processState('treeData', function (propValue) {\n treeNodes = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"e\" /* convertDataToTree */])(propValue);\n treeDataChanged = true;\n });\n processState('treeDataSimpleMode', function (propValue, prevValue) {\n if (!propValue) return;\n var prev = !prevValue || prevValue === true ? {} : prevValue; // Shallow equal to avoid dynamic prop object\n\n if (!__WEBPACK_IMPORTED_MODULE_5_shallowequal___default()(propValue, prev)) {\n treeDataModeChanged = true;\n }\n }); // Parse by `treeDataSimpleMode`\n\n if (treeDataSimpleMode && (treeDataChanged || treeDataModeChanged)) {\n var simpleMapper = _objectSpread({\n id: 'id',\n pId: 'pId',\n rootPId: null\n }, treeDataSimpleMode !== true ? treeDataSimpleMode : {});\n\n treeNodes = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"e\" /* convertDataToTree */])(Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"q\" /* parseSimpleTreeData */])(nextProps.treeData, simpleMapper));\n } // If `treeData` not provide, use children TreeNodes\n\n\n if (!nextProps.treeData) {\n processState('children', function (propValue) {\n treeNodes = Array.isArray(propValue) ? propValue : [propValue];\n });\n } // Convert `treeData` to entities\n\n\n if (treeNodes) {\n var entitiesMap = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"f\" /* convertTreeToEntities */])(treeNodes);\n newState.treeNodes = treeNodes;\n newState.posEntities = entitiesMap.posEntities;\n newState.valueEntities = entitiesMap.valueEntities;\n newState.keyEntities = entitiesMap.keyEntities;\n valueRefresh = true;\n } // Value List\n\n\n if (prevState.init) {\n processState('defaultValue', function (propValue) {\n newState.valueList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"j\" /* formatInternalValue */])(propValue, nextProps);\n valueRefresh = true;\n });\n }\n\n processState('value', function (propValue) {\n newState.valueList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"j\" /* formatInternalValue */])(propValue, nextProps);\n valueRefresh = true;\n }); // Selector Value List\n\n if (valueRefresh) {\n // Find out that value not exist in the tree\n var missValueList = [];\n var filteredValueList = [];\n var keyList = []; // Get latest value list\n\n var latestValueList = newState.valueList;\n\n if (!latestValueList) {\n // Also need add prev missValueList to avoid new treeNodes contains the value\n latestValueList = [].concat(_toConsumableArray(prevState.valueList), _toConsumableArray(prevState.missValueList));\n } // Get key by value\n\n\n var valueLabels = {};\n latestValueList.forEach(function (wrapperValue) {\n var value = wrapperValue.value,\n label = wrapperValue.label;\n var entity = (newState.valueEntities || prevState.valueEntities)[value];\n valueLabels[value] = label;\n\n if (entity) {\n keyList.push(entity.key);\n filteredValueList.push(wrapperValue);\n return;\n } // If not match, it may caused by ajax load. We need keep this\n\n\n missValueList.push(wrapperValue);\n }); // We need calculate the value when tree is checked tree\n\n if (treeCheckable && !treeCheckStrictly) {\n // Calculate the keys need to be checked\n var _conductCheck = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"d\" /* conductCheck */])(keyList, true, newState.keyEntities || prevState.keyEntities),\n checkedKeys = _conductCheck.checkedKeys; // Format value list again for internal usage\n\n\n newState.valueList = checkedKeys.map(function (key) {\n var val = (newState.keyEntities || prevState.keyEntities)[key].value;\n var wrappedValue = {\n value: val\n };\n\n if (valueLabels[val] !== undefined) {\n wrappedValue.label = valueLabels[val];\n }\n\n return wrappedValue;\n });\n } else {\n newState.valueList = filteredValueList;\n } // Fill the missValueList, we still need display in the selector\n\n\n newState.missValueList = missValueList; // Calculate the value list for `Selector` usage\n\n newState.selectorValueList = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"k\" /* formatSelectorValue */])(newState.valueList, nextProps, newState.valueEntities || prevState.valueEntities);\n } // [Legacy] To align with `Select` component,\n // We use `searchValue` instead of `inputValue` but still keep the api\n // `inputValue` support `null` to work as `autoClearSearchValue`\n\n\n processState('inputValue', function (propValue) {\n if (propValue !== null) {\n newState.searchValue = propValue;\n }\n }); // Search value\n\n processState('searchValue', function (propValue) {\n newState.searchValue = propValue;\n }); // Do the search logic\n\n if (newState.searchValue !== undefined || prevState.searchValue && treeNodes) {\n var searchValue = newState.searchValue !== undefined ? newState.searchValue : prevState.searchValue;\n var upperSearchValue = String(searchValue).toUpperCase();\n var filterTreeNodeFn = filterTreeNode;\n\n if (filterTreeNode === false) {\n // Don't filter if is false\n filterTreeNodeFn = function filterTreeNodeFn() {\n return true;\n };\n } else if (typeof filterTreeNodeFn !== 'function') {\n // When is not function (true or undefined), use inner filter\n filterTreeNodeFn = function filterTreeNodeFn(_, node) {\n var nodeValue = String(node.props[treeNodeFilterProp]).toUpperCase();\n return nodeValue.indexOf(upperSearchValue) !== -1;\n };\n }\n\n newState.filteredTreeNodes = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"m\" /* getFilterTree */])(newState.treeNodes || prevState.treeNodes, searchValue, filterTreeNodeFn, newState.valueEntities || prevState.valueEntities, __WEBPACK_IMPORTED_MODULE_18__SelectNode__[\"a\" /* default */]);\n } // We should re-calculate the halfCheckedKeys when in search mode\n\n\n if (valueRefresh && treeCheckable && !treeCheckStrictly && (newState.searchValue || prevState.searchValue)) {\n newState.searchHalfCheckedKeys = Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"n\" /* getHalfCheckedKeys */])(newState.valueList, newState.valueEntities || prevState.valueEntities);\n } // Checked Strategy\n\n\n processState('showCheckedStrategy', function () {\n newState.selectorValueList = newState.selectorValueList || Object(__WEBPACK_IMPORTED_MODULE_16__util__[\"k\" /* formatSelectorValue */])(newState.valueList || prevState.valueList, nextProps, newState.valueEntities || prevState.valueEntities);\n });\n return newState;\n }\n }]);\n\n return Select;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(Select, \"propTypes\", {\n prefixCls: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n prefixAria: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n multiple: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n showArrow: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n open: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n value: __WEBPACK_IMPORTED_MODULE_17__propTypes__[\"a\" /* valueProp */],\n autoFocus: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n defaultOpen: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n defaultValue: __WEBPACK_IMPORTED_MODULE_17__propTypes__[\"a\" /* valueProp */],\n showSearch: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n placeholder: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node,\n inputValue: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n // [Legacy] Deprecated. Use `searchValue` instead.\n searchValue: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n autoClearSearchValue: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n searchPlaceholder: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node,\n // [Legacy] Confuse with placeholder\n disabled: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n children: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node,\n labelInValue: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n maxTagCount: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n maxTagPlaceholder: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func]),\n maxTagTextLength: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.number,\n showCheckedStrategy: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOf([__WEBPACK_IMPORTED_MODULE_15__strategies__[\"a\" /* SHOW_ALL */], __WEBPACK_IMPORTED_MODULE_15__strategies__[\"c\" /* SHOW_PARENT */], __WEBPACK_IMPORTED_MODULE_15__strategies__[\"b\" /* SHOW_CHILD */]]),\n dropdownMatchSelectWidth: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n treeData: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.array,\n treeDataSimpleMode: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.object]),\n treeNodeFilterProp: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n treeNodeLabelProp: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.string,\n treeCheckable: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node]),\n treeCheckStrictly: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n treeIcon: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n treeLine: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n treeDefaultExpandAll: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool,\n treeDefaultExpandedKeys: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.array,\n treeExpandedKeys: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.array,\n loadData: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n filterTreeNode: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.bool]),\n notFoundContent: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node,\n onSearch: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onSelect: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onDeselect: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onChange: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onDropdownVisibleChange: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onTreeExpand: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n inputIcon: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func]),\n clearIcon: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func]),\n removeIcon: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func]),\n switcherIcon: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func])\n});\n\n_defineProperty(Select, \"childContextTypes\", {\n rcTreeSelect: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.shape(_objectSpread({}, __WEBPACK_IMPORTED_MODULE_9__Base_BaseSelector__[\"b\" /* selectorContextTypes */], {}, __WEBPACK_IMPORTED_MODULE_12__Selector_MultipleSelector__[\"b\" /* multipleSelectorContextTypes */], {}, __WEBPACK_IMPORTED_MODULE_10__Base_BasePopup__[\"b\" /* popupContextTypes */], {\n onSearchInputChange: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func,\n onSearchInputKeyDown: __WEBPACK_IMPORTED_MODULE_2_prop_types___default.a.func\n }))\n});\n\n_defineProperty(Select, \"defaultProps\", {\n prefixCls: 'rc-tree-select',\n prefixAria: 'rc-tree-select',\n showArrow: true,\n showSearch: true,\n autoClearSearchValue: true,\n showCheckedStrategy: __WEBPACK_IMPORTED_MODULE_15__strategies__[\"b\" /* SHOW_CHILD */],\n // dropdownMatchSelectWidth change the origin design, set to false now\n // ref: https://github.com/react-component/select/blob/4cad95e098a341a09de239ad6981067188842020/src/Select.jsx#L344\n // ref: https://github.com/react-component/select/pull/71\n treeNodeFilterProp: 'value',\n treeNodeLabelProp: 'title',\n treeIcon: false,\n notFoundContent: 'Not Found'\n});\n\nSelect.TreeNode = __WEBPACK_IMPORTED_MODULE_18__SelectNode__[\"a\" /* default */];\nSelect.SHOW_ALL = __WEBPACK_IMPORTED_MODULE_15__strategies__[\"a\" /* SHOW_ALL */];\nSelect.SHOW_PARENT = __WEBPACK_IMPORTED_MODULE_15__strategies__[\"c\" /* SHOW_PARENT */];\nSelect.SHOW_CHILD = __WEBPACK_IMPORTED_MODULE_15__strategies__[\"b\" /* SHOW_CHILD */]; // Let warning show correct component name\n\nSelect.displayName = 'TreeSelect';\nObject(__WEBPACK_IMPORTED_MODULE_3_react_lifecycles_compat__[\"polyfill\"])(Select);\n/* harmony default export */ __webpack_exports__[\"a\"] = (Select);\n\n/***/ }),\n/* 1023 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_rc_trigger__ = __webpack_require__(1024);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_classnames__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__util__ = __webpack_require__(23);\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\n\n\n\nvar BUILT_IN_PLACEMENTS = {\n bottomLeft: {\n points: ['tl', 'bl'],\n offset: [0, 4],\n overflow: {\n adjustX: 0,\n adjustY: 1\n },\n ignoreShake: true\n },\n topLeft: {\n points: ['bl', 'tl'],\n offset: [0, -4],\n overflow: {\n adjustX: 0,\n adjustY: 1\n },\n ignoreShake: true\n }\n};\n\nvar SelectTrigger =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(SelectTrigger, _React$Component);\n\n function SelectTrigger() {\n var _this;\n\n _classCallCheck(this, SelectTrigger);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SelectTrigger).call(this));\n\n _defineProperty(_assertThisInitialized(_this), \"getDropdownTransitionName\", function () {\n var _this$props = _this.props,\n transitionName = _this$props.transitionName,\n animation = _this$props.animation,\n dropdownPrefixCls = _this$props.dropdownPrefixCls;\n\n if (!transitionName && animation) {\n return \"\".concat(dropdownPrefixCls, \"-\").concat(animation);\n }\n\n return transitionName;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"forcePopupAlign\", function () {\n var $trigger = _this.triggerRef.current;\n\n if ($trigger) {\n $trigger.forcePopupAlign();\n }\n });\n\n _this.triggerRef = Object(__WEBPACK_IMPORTED_MODULE_5__util__[\"g\" /* createRef */])();\n return _this;\n }\n\n _createClass(SelectTrigger, [{\n key: \"render\",\n value: function render() {\n var _classNames;\n\n var _this$props2 = this.props,\n disabled = _this$props2.disabled,\n isMultiple = _this$props2.isMultiple,\n dropdownPopupAlign = _this$props2.dropdownPopupAlign,\n dropdownMatchSelectWidth = _this$props2.dropdownMatchSelectWidth,\n dropdownClassName = _this$props2.dropdownClassName,\n dropdownStyle = _this$props2.dropdownStyle,\n onDropdownVisibleChange = _this$props2.onDropdownVisibleChange,\n getPopupContainer = _this$props2.getPopupContainer,\n dropdownPrefixCls = _this$props2.dropdownPrefixCls,\n popupElement = _this$props2.popupElement,\n open = _this$props2.open,\n children = _this$props2.children; // TODO: [Legacy] Use new action when trigger fixed: https://github.com/react-component/trigger/pull/86\n // When false do nothing with the width\n // ref: https://github.com/ant-design/ant-design/issues/10927\n\n var stretch;\n\n if (dropdownMatchSelectWidth !== false) {\n stretch = dropdownMatchSelectWidth ? 'width' : 'minWidth';\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3_rc_trigger__[\"a\" /* default */], {\n ref: this.triggerRef,\n action: disabled ? [] : ['click'],\n popupPlacement: \"bottomLeft\",\n builtinPlacements: BUILT_IN_PLACEMENTS,\n popupAlign: dropdownPopupAlign,\n prefixCls: dropdownPrefixCls,\n popupTransitionName: this.getDropdownTransitionName(),\n onPopupVisibleChange: onDropdownVisibleChange,\n popup: popupElement,\n popupVisible: open,\n getPopupContainer: getPopupContainer,\n stretch: stretch,\n popupClassName: __WEBPACK_IMPORTED_MODULE_4_classnames___default()(dropdownClassName, (_classNames = {}, _defineProperty(_classNames, \"\".concat(dropdownPrefixCls, \"--multiple\"), isMultiple), _defineProperty(_classNames, \"\".concat(dropdownPrefixCls, \"--single\"), !isMultiple), _classNames)),\n popupStyle: dropdownStyle\n }, children);\n }\n }]);\n\n return SelectTrigger;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(SelectTrigger, \"propTypes\", {\n // Pass by outside user props\n disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n showSearch: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n dropdownPopupAlign: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n dropdownClassName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n dropdownStyle: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n transitionName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n animation: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n getPopupContainer: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,\n dropdownMatchSelectWidth: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n // Pass by Select\n isMultiple: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n dropdownPrefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n onDropdownVisibleChange: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n popupElement: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,\n open: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool\n});\n\nObject(__WEBPACK_IMPORTED_MODULE_2_react_lifecycles_compat__[\"polyfill\"])(SelectTrigger);\n/* harmony default export */ __webpack_exports__[\"a\"] = (SelectTrigger);\n\n/***/ }),\n/* 1024 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(14);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__ = __webpack_require__(118);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__ = __webpack_require__(119);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__Popup__ = __webpack_require__(1025);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils__ = __webpack_require__(406);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_rc_util_es_ContainerRender__ = __webpack_require__(199);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_rc_util_es_Portal__ = __webpack_require__(200);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_classnames__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13_classnames__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_rc_util_es_unsafeLifecyclesPolyfill__ = __webpack_require__(100);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction noop() {}\n\nfunction returnEmptyString() {\n return '';\n}\n\nfunction returnDocument() {\n return window.document;\n}\n\nvar ALL_HANDLERS = ['onClick', 'onMouseDown', 'onTouchStart', 'onMouseEnter', 'onMouseLeave', 'onFocus', 'onBlur', 'onContextMenu'];\n\nvar IS_REACT_16 = !!__WEBPACK_IMPORTED_MODULE_6_react_dom__[\"createPortal\"];\n\nvar Trigger = function (_React$Component) {\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Trigger, _React$Component);\n\n function Trigger(props) {\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Trigger);\n\n var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n var popupVisible = void 0;\n if ('popupVisible' in props) {\n popupVisible = !!props.popupVisible;\n } else {\n popupVisible = !!props.defaultPopupVisible;\n }\n\n _this.prevPopupVisible = popupVisible;\n\n _this.state = {\n popupVisible: popupVisible\n };\n\n ALL_HANDLERS.forEach(function (h) {\n _this['fire' + h] = function (e) {\n _this.fireEvents(h, e);\n };\n });\n return _this;\n }\n\n Trigger.prototype.componentDidMount = function componentDidMount() {\n this.componentDidUpdate({}, {\n popupVisible: this.state.popupVisible\n });\n };\n\n Trigger.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {\n var popupVisible = _ref.popupVisible;\n\n if (popupVisible !== undefined) {\n this.setState({\n popupVisible: popupVisible\n });\n }\n };\n\n Trigger.prototype.componentDidUpdate = function componentDidUpdate(_, prevState) {\n var props = this.props;\n var state = this.state;\n var triggerAfterPopupVisibleChange = function triggerAfterPopupVisibleChange() {\n if (prevState.popupVisible !== state.popupVisible) {\n props.afterPopupVisibleChange(state.popupVisible);\n }\n };\n if (!IS_REACT_16) {\n this.renderComponent(null, triggerAfterPopupVisibleChange);\n }\n\n this.prevPopupVisible = prevState.popupVisible;\n\n // We must listen to `mousedown` or `touchstart`, edge case:\n // https://github.com/ant-design/ant-design/issues/5804\n // https://github.com/react-component/calendar/issues/250\n // https://github.com/react-component/trigger/issues/50\n if (state.popupVisible) {\n var currentDocument = void 0;\n if (!this.clickOutsideHandler && (this.isClickToHide() || this.isContextMenuToShow())) {\n currentDocument = props.getDocument();\n this.clickOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__[\"a\" /* default */])(currentDocument, 'mousedown', this.onDocumentClick);\n }\n // always hide on mobile\n if (!this.touchOutsideHandler) {\n currentDocument = currentDocument || props.getDocument();\n this.touchOutsideHandler = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__[\"a\" /* default */])(currentDocument, 'touchstart', this.onDocumentClick);\n }\n // close popup when trigger type contains 'onContextMenu' and document is scrolling.\n if (!this.contextMenuOutsideHandler1 && this.isContextMenuToShow()) {\n currentDocument = currentDocument || props.getDocument();\n this.contextMenuOutsideHandler1 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__[\"a\" /* default */])(currentDocument, 'scroll', this.onContextMenuClose);\n }\n // close popup when trigger type contains 'onContextMenu' and window is blur.\n if (!this.contextMenuOutsideHandler2 && this.isContextMenuToShow()) {\n this.contextMenuOutsideHandler2 = Object(__WEBPACK_IMPORTED_MODULE_8_rc_util_es_Dom_addEventListener__[\"a\" /* default */])(window, 'blur', this.onContextMenuClose);\n }\n return;\n }\n\n this.clearOutsideHandler();\n };\n\n Trigger.prototype.componentWillUnmount = function componentWillUnmount() {\n this.clearDelayTimer();\n this.clearOutsideHandler();\n };\n\n Trigger.prototype.getPopupDomNode = function getPopupDomNode() {\n // for test\n if (this._component && this._component.getPopupDomNode) {\n return this._component.getPopupDomNode();\n }\n return null;\n };\n\n Trigger.prototype.getPopupAlign = function getPopupAlign() {\n var props = this.props;\n var popupPlacement = props.popupPlacement,\n popupAlign = props.popupAlign,\n builtinPlacements = props.builtinPlacements;\n\n if (popupPlacement && builtinPlacements) {\n return Object(__WEBPACK_IMPORTED_MODULE_10__utils__[\"a\" /* getAlignFromPlacement */])(builtinPlacements, popupPlacement, popupAlign);\n }\n return popupAlign;\n };\n\n /**\n * @param popupVisible Show or not the popup element\n * @param event SyntheticEvent, used for `pointAlign`\n */\n Trigger.prototype.setPopupVisible = function setPopupVisible(popupVisible, event) {\n var alignPoint = this.props.alignPoint;\n\n\n this.clearDelayTimer();\n\n if (this.state.popupVisible !== popupVisible) {\n if (!('popupVisible' in this.props)) {\n this.setState({ popupVisible: popupVisible });\n }\n this.props.onPopupVisibleChange(popupVisible);\n }\n\n // Always record the point position since mouseEnterDelay will delay the show\n if (alignPoint && event) {\n this.setPoint(event);\n }\n };\n\n Trigger.prototype.delaySetPopupVisible = function delaySetPopupVisible(visible, delayS, event) {\n var _this2 = this;\n\n var delay = delayS * 1000;\n this.clearDelayTimer();\n if (delay) {\n var point = event ? { pageX: event.pageX, pageY: event.pageY } : null;\n this.delayTimer = setTimeout(function () {\n _this2.setPopupVisible(visible, point);\n _this2.clearDelayTimer();\n }, delay);\n } else {\n this.setPopupVisible(visible, event);\n }\n };\n\n Trigger.prototype.clearDelayTimer = function clearDelayTimer() {\n if (this.delayTimer) {\n clearTimeout(this.delayTimer);\n this.delayTimer = null;\n }\n };\n\n Trigger.prototype.clearOutsideHandler = function clearOutsideHandler() {\n if (this.clickOutsideHandler) {\n this.clickOutsideHandler.remove();\n this.clickOutsideHandler = null;\n }\n\n if (this.contextMenuOutsideHandler1) {\n this.contextMenuOutsideHandler1.remove();\n this.contextMenuOutsideHandler1 = null;\n }\n\n if (this.contextMenuOutsideHandler2) {\n this.contextMenuOutsideHandler2.remove();\n this.contextMenuOutsideHandler2 = null;\n }\n\n if (this.touchOutsideHandler) {\n this.touchOutsideHandler.remove();\n this.touchOutsideHandler = null;\n }\n };\n\n Trigger.prototype.createTwoChains = function createTwoChains(event) {\n var childPros = this.props.children.props;\n var props = this.props;\n if (childPros[event] && props[event]) {\n return this['fire' + event];\n }\n return childPros[event] || props[event];\n };\n\n Trigger.prototype.isClickToShow = function isClickToShow() {\n var _props = this.props,\n action = _props.action,\n showAction = _props.showAction;\n\n return action.indexOf('click') !== -1 || showAction.indexOf('click') !== -1;\n };\n\n Trigger.prototype.isContextMenuToShow = function isContextMenuToShow() {\n var _props2 = this.props,\n action = _props2.action,\n showAction = _props2.showAction;\n\n return action.indexOf('contextMenu') !== -1 || showAction.indexOf('contextMenu') !== -1;\n };\n\n Trigger.prototype.isClickToHide = function isClickToHide() {\n var _props3 = this.props,\n action = _props3.action,\n hideAction = _props3.hideAction;\n\n return action.indexOf('click') !== -1 || hideAction.indexOf('click') !== -1;\n };\n\n Trigger.prototype.isMouseEnterToShow = function isMouseEnterToShow() {\n var _props4 = this.props,\n action = _props4.action,\n showAction = _props4.showAction;\n\n return action.indexOf('hover') !== -1 || showAction.indexOf('mouseEnter') !== -1;\n };\n\n Trigger.prototype.isMouseLeaveToHide = function isMouseLeaveToHide() {\n var _props5 = this.props,\n action = _props5.action,\n hideAction = _props5.hideAction;\n\n return action.indexOf('hover') !== -1 || hideAction.indexOf('mouseLeave') !== -1;\n };\n\n Trigger.prototype.isFocusToShow = function isFocusToShow() {\n var _props6 = this.props,\n action = _props6.action,\n showAction = _props6.showAction;\n\n return action.indexOf('focus') !== -1 || showAction.indexOf('focus') !== -1;\n };\n\n Trigger.prototype.isBlurToHide = function isBlurToHide() {\n var _props7 = this.props,\n action = _props7.action,\n hideAction = _props7.hideAction;\n\n return action.indexOf('focus') !== -1 || hideAction.indexOf('blur') !== -1;\n };\n\n Trigger.prototype.forcePopupAlign = function forcePopupAlign() {\n if (this.state.popupVisible && this._component && this._component.alignInstance) {\n this._component.alignInstance.forceAlign();\n }\n };\n\n Trigger.prototype.fireEvents = function fireEvents(type, e) {\n var childCallback = this.props.children.props[type];\n if (childCallback) {\n childCallback(e);\n }\n var callback = this.props[type];\n if (callback) {\n callback(e);\n }\n };\n\n Trigger.prototype.close = function close() {\n this.setPopupVisible(false);\n };\n\n Trigger.prototype.render = function render() {\n var _this3 = this;\n\n var popupVisible = this.state.popupVisible;\n var _props8 = this.props,\n children = _props8.children,\n forceRender = _props8.forceRender,\n alignPoint = _props8.alignPoint,\n className = _props8.className;\n\n var child = __WEBPACK_IMPORTED_MODULE_4_react___default.a.Children.only(children);\n var newChildProps = { key: 'trigger' };\n\n if (this.isContextMenuToShow()) {\n newChildProps.onContextMenu = this.onContextMenu;\n } else {\n newChildProps.onContextMenu = this.createTwoChains('onContextMenu');\n }\n\n if (this.isClickToHide() || this.isClickToShow()) {\n newChildProps.onClick = this.onClick;\n newChildProps.onMouseDown = this.onMouseDown;\n newChildProps.onTouchStart = this.onTouchStart;\n } else {\n newChildProps.onClick = this.createTwoChains('onClick');\n newChildProps.onMouseDown = this.createTwoChains('onMouseDown');\n newChildProps.onTouchStart = this.createTwoChains('onTouchStart');\n }\n if (this.isMouseEnterToShow()) {\n newChildProps.onMouseEnter = this.onMouseEnter;\n if (alignPoint) {\n newChildProps.onMouseMove = this.onMouseMove;\n }\n } else {\n newChildProps.onMouseEnter = this.createTwoChains('onMouseEnter');\n }\n if (this.isMouseLeaveToHide()) {\n newChildProps.onMouseLeave = this.onMouseLeave;\n } else {\n newChildProps.onMouseLeave = this.createTwoChains('onMouseLeave');\n }\n if (this.isFocusToShow() || this.isBlurToHide()) {\n newChildProps.onFocus = this.onFocus;\n newChildProps.onBlur = this.onBlur;\n } else {\n newChildProps.onFocus = this.createTwoChains('onFocus');\n newChildProps.onBlur = this.createTwoChains('onBlur');\n }\n\n var childrenClassName = __WEBPACK_IMPORTED_MODULE_13_classnames___default()(child && child.props && child.props.className, className);\n if (childrenClassName) {\n newChildProps.className = childrenClassName;\n }\n var trigger = __WEBPACK_IMPORTED_MODULE_4_react___default.a.cloneElement(child, newChildProps);\n\n if (!IS_REACT_16) {\n return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_11_rc_util_es_ContainerRender__[\"a\" /* default */],\n {\n parent: this,\n visible: popupVisible,\n autoMount: false,\n forceRender: forceRender,\n getComponent: this.getComponent,\n getContainer: this.getContainer\n },\n function (_ref2) {\n var renderComponent = _ref2.renderComponent;\n\n _this3.renderComponent = renderComponent;\n return trigger;\n }\n );\n }\n\n var portal = void 0;\n // prevent unmounting after it's rendered\n if (popupVisible || this._component || forceRender) {\n portal = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_12_rc_util_es_Portal__[\"a\" /* default */],\n {\n key: 'portal',\n getContainer: this.getContainer,\n didUpdate: this.handlePortalUpdate\n },\n this.getComponent()\n );\n }\n\n return [trigger, portal];\n };\n\n return Trigger;\n}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.Component);\n\nTrigger.propTypes = {\n children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n 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)]),\n showAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n hideAction: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n getPopupClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n onPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n afterPopupVisibleChange: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n 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,\n popupStyle: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,\n prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n popupClassName: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n popupPlacement: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n builtinPlacements: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,\n 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]),\n popupAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n mouseEnterDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n mouseLeaveDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n zIndex: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n focusDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n blurDelay: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n getPopupContainer: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n getDocument: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n forceRender: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n mask: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n maskClosable: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n onPopupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n popupAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,\n popupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n defaultPopupVisible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n 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]),\n maskAnimation: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n alignPoint: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool // Maybe we can support user pass position in the future\n};\nTrigger.defaultProps = {\n prefixCls: 'rc-trigger-popup',\n getPopupClassNameFromAlign: returnEmptyString,\n getDocument: returnDocument,\n onPopupVisibleChange: noop,\n afterPopupVisibleChange: noop,\n onPopupAlign: noop,\n popupClassName: '',\n mouseEnterDelay: 0,\n mouseLeaveDelay: 0.1,\n focusDelay: 0,\n blurDelay: 0.15,\n popupStyle: {},\n destroyPopupOnHide: false,\n popupAlign: {},\n defaultPopupVisible: false,\n mask: false,\n maskClosable: true,\n action: [],\n showAction: [],\n hideAction: []\n};\n\nvar _initialiseProps = function _initialiseProps() {\n var _this4 = this;\n\n this.onMouseEnter = function (e) {\n var mouseEnterDelay = _this4.props.mouseEnterDelay;\n\n _this4.fireEvents('onMouseEnter', e);\n _this4.delaySetPopupVisible(true, mouseEnterDelay, mouseEnterDelay ? null : e);\n };\n\n this.onMouseMove = function (e) {\n _this4.fireEvents('onMouseMove', e);\n _this4.setPoint(e);\n };\n\n this.onMouseLeave = function (e) {\n _this4.fireEvents('onMouseLeave', e);\n _this4.delaySetPopupVisible(false, _this4.props.mouseLeaveDelay);\n };\n\n this.onPopupMouseEnter = function () {\n _this4.clearDelayTimer();\n };\n\n this.onPopupMouseLeave = function (e) {\n // https://github.com/react-component/trigger/pull/13\n // react bug?\n if (e.relatedTarget && !e.relatedTarget.setTimeout && _this4._component && _this4._component.getPopupDomNode && Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__[\"a\" /* default */])(_this4._component.getPopupDomNode(), e.relatedTarget)) {\n return;\n }\n _this4.delaySetPopupVisible(false, _this4.props.mouseLeaveDelay);\n };\n\n this.onFocus = function (e) {\n _this4.fireEvents('onFocus', e);\n // incase focusin and focusout\n _this4.clearDelayTimer();\n if (_this4.isFocusToShow()) {\n _this4.focusTime = Date.now();\n _this4.delaySetPopupVisible(true, _this4.props.focusDelay);\n }\n };\n\n this.onMouseDown = function (e) {\n _this4.fireEvents('onMouseDown', e);\n _this4.preClickTime = Date.now();\n };\n\n this.onTouchStart = function (e) {\n _this4.fireEvents('onTouchStart', e);\n _this4.preTouchTime = Date.now();\n };\n\n this.onBlur = function (e) {\n _this4.fireEvents('onBlur', e);\n _this4.clearDelayTimer();\n if (_this4.isBlurToHide()) {\n _this4.delaySetPopupVisible(false, _this4.props.blurDelay);\n }\n };\n\n this.onContextMenu = function (e) {\n e.preventDefault();\n _this4.fireEvents('onContextMenu', e);\n _this4.setPopupVisible(true, e);\n };\n\n this.onContextMenuClose = function () {\n if (_this4.isContextMenuToShow()) {\n _this4.close();\n }\n };\n\n this.onClick = function (event) {\n _this4.fireEvents('onClick', event);\n // focus will trigger click\n if (_this4.focusTime) {\n var preTime = void 0;\n if (_this4.preClickTime && _this4.preTouchTime) {\n preTime = Math.min(_this4.preClickTime, _this4.preTouchTime);\n } else if (_this4.preClickTime) {\n preTime = _this4.preClickTime;\n } else if (_this4.preTouchTime) {\n preTime = _this4.preTouchTime;\n }\n if (Math.abs(preTime - _this4.focusTime) < 20) {\n return;\n }\n _this4.focusTime = 0;\n }\n _this4.preClickTime = 0;\n _this4.preTouchTime = 0;\n if (event && event.preventDefault) {\n event.preventDefault();\n }\n var nextVisible = !_this4.state.popupVisible;\n if (_this4.isClickToHide() && !nextVisible || nextVisible && _this4.isClickToShow()) {\n _this4.setPopupVisible(!_this4.state.popupVisible, event);\n }\n };\n\n this.onDocumentClick = function (event) {\n if (_this4.props.mask && !_this4.props.maskClosable) {\n return;\n }\n var target = event.target;\n var root = Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__[\"findDOMNode\"])(_this4);\n var popupNode = _this4.getPopupDomNode();\n if (!Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__[\"a\" /* default */])(root, target) && !Object(__WEBPACK_IMPORTED_MODULE_7_rc_util_es_Dom_contains__[\"a\" /* default */])(popupNode, target)) {\n _this4.close();\n }\n };\n\n this.getRootDomNode = function () {\n return Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__[\"findDOMNode\"])(_this4);\n };\n\n this.getPopupClassNameFromAlign = function (align) {\n var className = [];\n var _props9 = _this4.props,\n popupPlacement = _props9.popupPlacement,\n builtinPlacements = _props9.builtinPlacements,\n prefixCls = _props9.prefixCls,\n alignPoint = _props9.alignPoint,\n getPopupClassNameFromAlign = _props9.getPopupClassNameFromAlign;\n\n if (popupPlacement && builtinPlacements) {\n className.push(Object(__WEBPACK_IMPORTED_MODULE_10__utils__[\"b\" /* getAlignPopupClassName */])(builtinPlacements, prefixCls, align, alignPoint));\n }\n if (getPopupClassNameFromAlign) {\n className.push(getPopupClassNameFromAlign(align));\n }\n return className.join(' ');\n };\n\n this.getComponent = function () {\n var _props10 = _this4.props,\n prefixCls = _props10.prefixCls,\n destroyPopupOnHide = _props10.destroyPopupOnHide,\n popupClassName = _props10.popupClassName,\n action = _props10.action,\n onPopupAlign = _props10.onPopupAlign,\n popupAnimation = _props10.popupAnimation,\n popupTransitionName = _props10.popupTransitionName,\n popupStyle = _props10.popupStyle,\n mask = _props10.mask,\n maskAnimation = _props10.maskAnimation,\n maskTransitionName = _props10.maskTransitionName,\n zIndex = _props10.zIndex,\n popup = _props10.popup,\n stretch = _props10.stretch,\n alignPoint = _props10.alignPoint;\n var _state = _this4.state,\n popupVisible = _state.popupVisible,\n point = _state.point;\n\n\n var align = _this4.getPopupAlign();\n\n var mouseProps = {};\n if (_this4.isMouseEnterToShow()) {\n mouseProps.onMouseEnter = _this4.onPopupMouseEnter;\n }\n if (_this4.isMouseLeaveToHide()) {\n mouseProps.onMouseLeave = _this4.onPopupMouseLeave;\n }\n\n return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_9__Popup__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({\n prefixCls: prefixCls,\n destroyPopupOnHide: destroyPopupOnHide,\n visible: popupVisible,\n point: alignPoint && point,\n className: popupClassName,\n action: action,\n align: align,\n onAlign: onPopupAlign,\n animation: popupAnimation,\n getClassNameFromAlign: _this4.getPopupClassNameFromAlign\n }, mouseProps, {\n stretch: stretch,\n getRootDomNode: _this4.getRootDomNode,\n style: popupStyle,\n mask: mask,\n zIndex: zIndex,\n transitionName: popupTransitionName,\n maskAnimation: maskAnimation,\n maskTransitionName: maskTransitionName,\n ref: _this4.savePopup\n }),\n typeof popup === 'function' ? popup() : popup\n );\n };\n\n this.getContainer = function () {\n var props = _this4.props;\n\n var popupContainer = document.createElement('div');\n // Make sure default popup container will never cause scrollbar appearing\n // https://github.com/react-component/trigger/issues/41\n popupContainer.style.position = 'absolute';\n popupContainer.style.top = '0';\n popupContainer.style.left = '0';\n popupContainer.style.width = '100%';\n var mountNode = props.getPopupContainer ? props.getPopupContainer(Object(__WEBPACK_IMPORTED_MODULE_6_react_dom__[\"findDOMNode\"])(_this4)) : props.getDocument().body;\n mountNode.appendChild(popupContainer);\n return popupContainer;\n };\n\n this.setPoint = function (point) {\n var alignPoint = _this4.props.alignPoint;\n\n if (!alignPoint || !point) return;\n\n _this4.setState({\n point: {\n pageX: point.pageX,\n pageY: point.pageY\n }\n });\n };\n\n this.handlePortalUpdate = function () {\n if (_this4.prevPopupVisible !== _this4.state.popupVisible) {\n _this4.props.afterPopupVisibleChange(_this4.state.popupVisible);\n }\n };\n\n this.savePopup = function (node) {\n _this4._component = node;\n };\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Object(__WEBPACK_IMPORTED_MODULE_14_rc_util_es_unsafeLifecyclesPolyfill__[\"a\" /* default */])(Trigger));\n\n/***/ }),\n/* 1025 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(14);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_dom__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_rc_align__ = __webpack_require__(202);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_rc_animate__ = __webpack_require__(224);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_raf__ = __webpack_require__(21);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_raf___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_raf__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__PopupInner__ = __webpack_require__(1026);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__LazyRenderBox__ = __webpack_require__(405);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils__ = __webpack_require__(406);\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar Popup = function (_Component) {\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Popup, _Component);\n\n function Popup(props) {\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Popup);\n\n var _this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.call(this, props));\n\n _initialiseProps.call(_this);\n\n _this.state = {\n // Used for stretch\n stretchChecked: false,\n targetWidth: undefined,\n targetHeight: undefined\n };\n\n _this.savePopupRef = __WEBPACK_IMPORTED_MODULE_12__utils__[\"c\" /* saveRef */].bind(_this, 'popupInstance');\n _this.saveAlignRef = __WEBPACK_IMPORTED_MODULE_12__utils__[\"c\" /* saveRef */].bind(_this, 'alignInstance');\n return _this;\n }\n\n Popup.prototype.componentDidMount = function componentDidMount() {\n this.rootNode = this.getPopupDomNode();\n this.setStretchSize();\n };\n\n Popup.prototype.componentDidUpdate = function componentDidUpdate() {\n this.setStretchSize();\n };\n\n // Record size if stretch needed\n\n\n Popup.prototype.getPopupDomNode = function getPopupDomNode() {\n return __WEBPACK_IMPORTED_MODULE_6_react_dom___default.a.findDOMNode(this.popupInstance);\n };\n\n // `target` on `rc-align` can accept as a function to get the bind element or a point.\n // ref: https://www.npmjs.com/package/rc-align\n\n\n Popup.prototype.getMaskTransitionName = function getMaskTransitionName() {\n var props = this.props;\n var transitionName = props.maskTransitionName;\n var animation = props.maskAnimation;\n if (!transitionName && animation) {\n transitionName = props.prefixCls + '-' + animation;\n }\n return transitionName;\n };\n\n Popup.prototype.getTransitionName = function getTransitionName() {\n var props = this.props;\n var transitionName = props.transitionName;\n if (!transitionName && props.animation) {\n transitionName = props.prefixCls + '-' + props.animation;\n }\n return transitionName;\n };\n\n Popup.prototype.getClassName = function getClassName(currentAlignClassName) {\n return this.props.prefixCls + ' ' + this.props.className + ' ' + currentAlignClassName;\n };\n\n Popup.prototype.getPopupElement = function getPopupElement() {\n var _this2 = this;\n\n var savePopupRef = this.savePopupRef;\n var _state = this.state,\n stretchChecked = _state.stretchChecked,\n targetHeight = _state.targetHeight,\n targetWidth = _state.targetWidth;\n var _props = this.props,\n align = _props.align,\n visible = _props.visible,\n prefixCls = _props.prefixCls,\n style = _props.style,\n getClassNameFromAlign = _props.getClassNameFromAlign,\n destroyPopupOnHide = _props.destroyPopupOnHide,\n stretch = _props.stretch,\n children = _props.children,\n onMouseEnter = _props.onMouseEnter,\n onMouseLeave = _props.onMouseLeave;\n\n var className = this.getClassName(this.currentAlignClassName || getClassNameFromAlign(align));\n var hiddenClassName = prefixCls + '-hidden';\n\n if (!visible) {\n this.currentAlignClassName = null;\n }\n\n var sizeStyle = {};\n if (stretch) {\n // Stretch with target\n if (stretch.indexOf('height') !== -1) {\n sizeStyle.height = targetHeight;\n } else if (stretch.indexOf('minHeight') !== -1) {\n sizeStyle.minHeight = targetHeight;\n }\n if (stretch.indexOf('width') !== -1) {\n sizeStyle.width = targetWidth;\n } else if (stretch.indexOf('minWidth') !== -1) {\n sizeStyle.minWidth = targetWidth;\n }\n\n // Delay force align to makes ui smooth\n if (!stretchChecked) {\n sizeStyle.visibility = 'hidden';\n __WEBPACK_IMPORTED_MODULE_9_raf___default()(function () {\n if (_this2.alignInstance) {\n _this2.alignInstance.forceAlign();\n }\n });\n }\n }\n\n var newStyle = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, sizeStyle, style, this.getZIndexStyle());\n\n var popupInnerProps = {\n className: className,\n prefixCls: prefixCls,\n ref: savePopupRef,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n style: newStyle\n };\n\n if (destroyPopupOnHide) {\n return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_8_rc_animate__[\"default\"],\n {\n component: '',\n exclusive: true,\n transitionAppear: true,\n transitionName: this.getTransitionName(),\n onLeave: this.onAnimateLeaved\n },\n visible ? __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_7_rc_align__[\"a\" /* default */],\n {\n target: this.getAlignTarget(),\n key: 'popup',\n ref: this.saveAlignRef,\n monitorWindowResize: true,\n align: align,\n onAlign: this.onAlign\n },\n __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_10__PopupInner__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({\n visible: true\n }, popupInnerProps),\n children\n )\n ) : null\n );\n }\n\n return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_8_rc_animate__[\"default\"],\n {\n component: '',\n exclusive: true,\n transitionAppear: true,\n transitionName: this.getTransitionName(),\n showProp: 'xVisible',\n onLeave: this.onAnimateLeaved\n },\n __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_7_rc_align__[\"a\" /* default */],\n {\n target: this.getAlignTarget(),\n key: 'popup',\n ref: this.saveAlignRef,\n monitorWindowResize: true,\n xVisible: visible,\n childrenProps: { visible: 'xVisible' },\n disabled: !visible,\n align: align,\n onAlign: this.onAlign\n },\n __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_10__PopupInner__[\"a\" /* default */],\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({\n hiddenClassName: hiddenClassName\n }, popupInnerProps),\n children\n )\n )\n );\n };\n\n Popup.prototype.getZIndexStyle = function getZIndexStyle() {\n var style = {};\n var props = this.props;\n if (props.zIndex !== undefined) {\n style.zIndex = props.zIndex;\n }\n return style;\n };\n\n Popup.prototype.getMaskElement = function getMaskElement() {\n var props = this.props;\n var maskElement = void 0;\n if (props.mask) {\n var maskTransition = this.getMaskTransitionName();\n maskElement = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_11__LazyRenderBox__[\"a\" /* default */], {\n style: this.getZIndexStyle(),\n key: 'mask',\n className: props.prefixCls + '-mask',\n hiddenClassName: props.prefixCls + '-mask-hidden',\n visible: props.visible\n });\n if (maskTransition) {\n maskElement = __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_8_rc_animate__[\"default\"],\n {\n key: 'mask',\n showProp: 'visible',\n transitionAppear: true,\n component: '',\n transitionName: maskTransition\n },\n maskElement\n );\n }\n }\n return maskElement;\n };\n\n Popup.prototype.render = function render() {\n return __WEBPACK_IMPORTED_MODULE_4_react___default.a.createElement(\n 'div',\n null,\n this.getMaskElement(),\n this.getPopupElement()\n );\n };\n\n return Popup;\n}(__WEBPACK_IMPORTED_MODULE_4_react__[\"Component\"]);\n\nPopup.propTypes = {\n visible: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n style: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object,\n getClassNameFromAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n onAlign: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n getRootDomNode: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n onMouseEnter: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n align: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.any,\n destroyPopupOnHide: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool,\n className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n prefixCls: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n onMouseLeave: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func,\n stretch: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string,\n children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node,\n point: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.shape({\n pageX: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number,\n pageY: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.number\n })\n};\n\nvar _initialiseProps = function _initialiseProps() {\n var _this3 = this;\n\n this.onAlign = function (popupDomNode, align) {\n var props = _this3.props;\n var currentAlignClassName = props.getClassNameFromAlign(align);\n // FIX: https://github.com/react-component/trigger/issues/56\n // FIX: https://github.com/react-component/tooltip/issues/79\n if (_this3.currentAlignClassName !== currentAlignClassName) {\n _this3.currentAlignClassName = currentAlignClassName;\n popupDomNode.className = _this3.getClassName(currentAlignClassName);\n }\n props.onAlign(popupDomNode, align);\n };\n\n this.onAnimateLeaved = function () {\n var stretch = _this3.props.stretch;\n var stretchChecked = _this3.state.stretchChecked;\n\n if (stretch && stretchChecked) {\n _this3.setState({ stretchChecked: false });\n }\n };\n\n this.setStretchSize = function () {\n var getRootDomNode = _this3.props.getRootDomNode;\n var _state2 = _this3.state,\n stretchChecked = _state2.stretchChecked,\n targetHeight = _state2.targetHeight,\n targetWidth = _state2.targetWidth;\n\n\n var $ele = getRootDomNode();\n if (!$ele) return;\n\n var height = $ele.offsetHeight;\n var width = $ele.offsetWidth;\n\n if (targetHeight !== height || targetWidth !== width || !stretchChecked) {\n _this3.setState({\n stretchChecked: true,\n targetHeight: height,\n targetWidth: width\n });\n }\n };\n\n this.getTargetElement = function () {\n return _this3.props.getRootDomNode();\n };\n\n this.getAlignTarget = function () {\n var point = _this3.props.point;\n\n if (point) {\n return point;\n }\n return _this3.getTargetElement;\n };\n};\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Popup);\n\n/***/ }),\n/* 1026 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__ = __webpack_require__(14);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__ = __webpack_require__(405);\n\n\n\n\n\n\n\nvar PopupInner = function (_Component) {\n __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_inherits___default()(PopupInner, _Component);\n\n function PopupInner() {\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, PopupInner);\n\n return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_possibleConstructorReturn___default()(this, _Component.apply(this, arguments));\n }\n\n PopupInner.prototype.render = function render() {\n var props = this.props;\n var className = props.className;\n if (!props.visible) {\n className += ' ' + props.hiddenClassName;\n }\n return __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(\n 'div',\n {\n className: className,\n onMouseEnter: props.onMouseEnter,\n onMouseLeave: props.onMouseLeave,\n style: props.style\n },\n __WEBPACK_IMPORTED_MODULE_3_react___default.a.createElement(\n __WEBPACK_IMPORTED_MODULE_5__LazyRenderBox__[\"a\" /* default */],\n { className: props.prefixCls + '-content', visible: props.visible },\n props.children\n )\n );\n };\n\n return PopupInner;\n}(__WEBPACK_IMPORTED_MODULE_3_react__[\"Component\"]);\n\nPopupInner.propTypes = {\n hiddenClassName: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,\n className: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,\n prefixCls: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.string,\n onMouseEnter: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,\n onMouseLeave: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.func,\n children: __WEBPACK_IMPORTED_MODULE_4_prop_types___default.a.any\n};\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (PopupInner);\n\n/***/ }),\n/* 1027 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nexports.__esModule = true;\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _implementation = __webpack_require__(1028);\n\nvar _implementation2 = _interopRequireDefault(_implementation);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = _react2.default.createContext || _implementation2.default;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1028 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(process) {\n\nexports.__esModule = true;\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _gud = __webpack_require__(1029);\n\nvar _gud2 = _interopRequireDefault(_gud);\n\nvar _warning = __webpack_require__(20);\n\nvar _warning2 = _interopRequireDefault(_warning);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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; }\n\nvar MAX_SIGNED_31_BIT_INT = 1073741823;\n\n// Inlined Object.is polyfill.\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\nfunction objectIs(x, y) {\n if (x === y) {\n return x !== 0 || 1 / x === 1 / y;\n } else {\n return x !== x && y !== y;\n }\n}\n\nfunction createEventEmitter(value) {\n var handlers = [];\n return {\n on: function on(handler) {\n handlers.push(handler);\n },\n off: function off(handler) {\n handlers = handlers.filter(function (h) {\n return h !== handler;\n });\n },\n get: function get() {\n return value;\n },\n set: function set(newValue, changedBits) {\n value = newValue;\n handlers.forEach(function (handler) {\n return handler(value, changedBits);\n });\n }\n };\n}\n\nfunction onlyChild(children) {\n return Array.isArray(children) ? children[0] : children;\n}\n\nfunction createReactContext(defaultValue, calculateChangedBits) {\n var _Provider$childContex, _Consumer$contextType;\n\n var contextProp = '__create-react-context-' + (0, _gud2.default)() + '__';\n\n var Provider = function (_Component) {\n _inherits(Provider, _Component);\n\n function Provider() {\n var _temp, _this, _ret;\n\n _classCallCheck(this, Provider);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.emitter = createEventEmitter(_this.props.value), _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n Provider.prototype.getChildContext = function getChildContext() {\n var _ref;\n\n return _ref = {}, _ref[contextProp] = this.emitter, _ref;\n };\n\n Provider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n if (this.props.value !== nextProps.value) {\n var oldValue = this.props.value;\n var newValue = nextProps.value;\n var changedBits = void 0;\n\n if (objectIs(oldValue, newValue)) {\n changedBits = 0; // No change\n } else {\n changedBits = typeof calculateChangedBits === 'function' ? calculateChangedBits(oldValue, newValue) : MAX_SIGNED_31_BIT_INT;\n if (process.env.NODE_ENV !== 'production') {\n (0, _warning2.default)((changedBits & MAX_SIGNED_31_BIT_INT) === changedBits, 'calculateChangedBits: Expected the return value to be a ' + '31-bit integer. Instead received: %s', changedBits);\n }\n\n changedBits |= 0;\n\n if (changedBits !== 0) {\n this.emitter.set(nextProps.value, changedBits);\n }\n }\n }\n };\n\n Provider.prototype.render = function render() {\n return this.props.children;\n };\n\n return Provider;\n }(_react.Component);\n\n Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = _propTypes2.default.object.isRequired, _Provider$childContex);\n\n var Consumer = function (_Component2) {\n _inherits(Consumer, _Component2);\n\n function Consumer() {\n var _temp2, _this2, _ret2;\n\n _classCallCheck(this, Consumer);\n\n for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n\n return _ret2 = (_temp2 = (_this2 = _possibleConstructorReturn(this, _Component2.call.apply(_Component2, [this].concat(args))), _this2), _this2.state = {\n value: _this2.getValue()\n }, _this2.onUpdate = function (newValue, changedBits) {\n var observedBits = _this2.observedBits | 0;\n if ((observedBits & changedBits) !== 0) {\n _this2.setState({ value: _this2.getValue() });\n }\n }, _temp2), _possibleConstructorReturn(_this2, _ret2);\n }\n\n Consumer.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {\n var observedBits = nextProps.observedBits;\n\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n };\n\n Consumer.prototype.componentDidMount = function componentDidMount() {\n if (this.context[contextProp]) {\n this.context[contextProp].on(this.onUpdate);\n }\n var observedBits = this.props.observedBits;\n\n this.observedBits = observedBits === undefined || observedBits === null ? MAX_SIGNED_31_BIT_INT // Subscribe to all changes by default\n : observedBits;\n };\n\n Consumer.prototype.componentWillUnmount = function componentWillUnmount() {\n if (this.context[contextProp]) {\n this.context[contextProp].off(this.onUpdate);\n }\n };\n\n Consumer.prototype.getValue = function getValue() {\n if (this.context[contextProp]) {\n return this.context[contextProp].get();\n } else {\n return defaultValue;\n }\n };\n\n Consumer.prototype.render = function render() {\n return onlyChild(this.props.children)(this.state.value);\n };\n\n return Consumer;\n }(_react.Component);\n\n Consumer.contextTypes = (_Consumer$contextType = {}, _Consumer$contextType[contextProp] = _propTypes2.default.object, _Consumer$contextType);\n\n\n return {\n Provider: Provider,\n Consumer: Consumer\n };\n}\n\nexports.default = createReactContext;\nmodule.exports = exports['default'];\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(5)))\n\n/***/ }),\n/* 1029 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/* WEBPACK VAR INJECTION */(function(global) {// @flow\n\n\nvar key = '__global_unique_id__';\n\nmodule.exports = function() {\n return global[key] = (global[key] || 0) + 1;\n};\n\n/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(24)))\n\n/***/ }),\n/* 1030 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (immutable) */ __webpack_exports__[\"a\"] = hasClass;\n/* unused harmony export addClass */\n/* unused harmony export removeClass */\nfunction hasClass(node, className) {\n if (node.classList) {\n return node.classList.contains(className);\n }\n\n var originClass = node.className;\n return \" \".concat(originClass, \" \").indexOf(\" \".concat(className, \" \")) > -1;\n}\nfunction addClass(node, className) {\n if (node.classList) {\n node.classList.add(className);\n } else {\n if (!hasClass(node, className)) {\n node.className = \"\".concat(node.className, \" \").concat(className);\n }\n }\n}\nfunction removeClass(node, className) {\n if (node.classList) {\n node.classList.remove(className);\n } else {\n if (hasClass(node, className)) {\n var originClass = node.className;\n node.className = \" \".concat(originClass, \" \").replace(\" \".concat(className, \" \"), ' ');\n }\n }\n}\n\n/***/ }),\n/* 1031 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_classnames__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning__ = __webpack_require__(20);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_warning__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_rc_util_es_Children_toArray__ = __webpack_require__(51);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_lifecycles_compat__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__contextTypes__ = __webpack_require__(408);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__util__ = __webpack_require__(148);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\n\n\n\nvar Tree =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Tree, _React$Component);\n\n function Tree() {\n var _this;\n\n _classCallCheck(this, Tree);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Tree).apply(this, arguments));\n /** Internal usage for `rc-tree-select`, we don't promise it will not change. */\n\n _this.domTreeNodes = {};\n _this.state = {\n keyEntities: {},\n selectedKeys: [],\n checkedKeys: [],\n halfCheckedKeys: [],\n loadedKeys: [],\n loadingKeys: [],\n expandedKeys: [],\n dragNodesKeys: [],\n dragOverNodeKey: null,\n dropPosition: null,\n treeNode: [],\n prevProps: null\n };\n\n _this.onNodeDragStart = function (event, node) {\n var expandedKeys = _this.state.expandedKeys;\n var onDragStart = _this.props.onDragStart;\n var _node$props = node.props,\n eventKey = _node$props.eventKey,\n children = _node$props.children;\n _this.dragNode = node;\n\n _this.setState({\n dragNodesKeys: Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"j\" /* getDragNodesKeys */])(children, node),\n expandedKeys: Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(expandedKeys, eventKey)\n });\n\n if (onDragStart) {\n onDragStart({\n event: event,\n node: node\n });\n }\n };\n /**\n * [Legacy] Select handler is less small than node,\n * so that this will trigger when drag enter node or select handler.\n * This is a little tricky if customize css without padding.\n * Better for use mouse move event to refresh drag state.\n * But let's just keep it to avoid event trigger logic change.\n */\n\n\n _this.onNodeDragEnter = function (event, node) {\n var expandedKeys = _this.state.expandedKeys;\n var onDragEnter = _this.props.onDragEnter;\n var _node$props2 = node.props,\n pos = _node$props2.pos,\n eventKey = _node$props2.eventKey;\n if (!_this.dragNode) return;\n var dropPosition = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"c\" /* calcDropPosition */])(event, node); // Skip if drag node is self\n\n if (_this.dragNode.props.eventKey === eventKey && dropPosition === 0) {\n _this.setState({\n dragOverNodeKey: '',\n dropPosition: null\n });\n\n return;\n } // Ref: https://github.com/react-component/tree/issues/132\n // Add timeout to let onDragLevel fire before onDragEnter,\n // so that we can clean drag props for onDragLeave node.\n // Macro task for this:\n // https://html.spec.whatwg.org/multipage/webappapis.html#clean-up-after-running-script\n\n\n setTimeout(function () {\n // Update drag over node\n _this.setState({\n dragOverNodeKey: eventKey,\n dropPosition: dropPosition\n }); // Side effect for delay drag\n\n\n if (!_this.delayedDragEnterLogic) {\n _this.delayedDragEnterLogic = {};\n }\n\n Object.keys(_this.delayedDragEnterLogic).forEach(function (key) {\n clearTimeout(_this.delayedDragEnterLogic[key]);\n });\n _this.delayedDragEnterLogic[pos] = window.setTimeout(function () {\n var newExpandedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(expandedKeys, eventKey);\n\n if (!('expandedKeys' in _this.props)) {\n _this.setState({\n expandedKeys: newExpandedKeys\n });\n }\n\n if (onDragEnter) {\n onDragEnter({\n event: event,\n node: node,\n expandedKeys: newExpandedKeys\n });\n }\n }, 400);\n }, 0);\n };\n\n _this.onNodeDragOver = function (event, node) {\n var onDragOver = _this.props.onDragOver;\n var eventKey = node.props.eventKey; // Update drag position\n\n if (_this.dragNode && eventKey === _this.state.dragOverNodeKey) {\n var dropPosition = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"c\" /* calcDropPosition */])(event, node);\n if (dropPosition === _this.state.dropPosition) return;\n\n _this.setState({\n dropPosition: dropPosition\n });\n }\n\n if (onDragOver) {\n onDragOver({\n event: event,\n node: node\n });\n }\n };\n\n _this.onNodeDragLeave = function (event, node) {\n var onDragLeave = _this.props.onDragLeave;\n\n _this.setState({\n dragOverNodeKey: ''\n });\n\n if (onDragLeave) {\n onDragLeave({\n event: event,\n node: node\n });\n }\n };\n\n _this.onNodeDragEnd = function (event, node) {\n var onDragEnd = _this.props.onDragEnd;\n\n _this.setState({\n dragOverNodeKey: ''\n });\n\n if (onDragEnd) {\n onDragEnd({\n event: event,\n node: node\n });\n }\n\n _this.dragNode = null;\n };\n\n _this.onNodeDrop = function (event, node) {\n var _this$state = _this.state,\n _this$state$dragNodes = _this$state.dragNodesKeys,\n dragNodesKeys = _this$state$dragNodes === void 0 ? [] : _this$state$dragNodes,\n dropPosition = _this$state.dropPosition;\n var onDrop = _this.props.onDrop;\n var _node$props3 = node.props,\n eventKey = _node$props3.eventKey,\n pos = _node$props3.pos;\n\n _this.setState({\n dragOverNodeKey: ''\n });\n\n if (dragNodesKeys.indexOf(eventKey) !== -1) {\n __WEBPACK_IMPORTED_MODULE_3_warning___default()(false, \"Can not drop to dragNode(include it's children node)\");\n return;\n }\n\n var posArr = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"o\" /* posToArr */])(pos);\n var dropResult = {\n event: event,\n node: node,\n dragNode: _this.dragNode,\n dragNodesKeys: dragNodesKeys.slice(),\n dropPosition: dropPosition + Number(posArr[posArr.length - 1]),\n dropToGap: false\n };\n\n if (dropPosition !== 0) {\n dropResult.dropToGap = true;\n }\n\n if (onDrop) {\n onDrop(dropResult);\n }\n\n _this.dragNode = null;\n };\n\n _this.onNodeClick = function (e, treeNode) {\n var onClick = _this.props.onClick;\n\n if (onClick) {\n onClick(e, treeNode);\n }\n };\n\n _this.onNodeDoubleClick = function (e, treeNode) {\n var onDoubleClick = _this.props.onDoubleClick;\n\n if (onDoubleClick) {\n onDoubleClick(e, treeNode);\n }\n };\n\n _this.onNodeSelect = function (e, treeNode) {\n var selectedKeys = _this.state.selectedKeys;\n var keyEntities = _this.state.keyEntities;\n var _this$props = _this.props,\n onSelect = _this$props.onSelect,\n multiple = _this$props.multiple;\n var _treeNode$props = treeNode.props,\n selected = _treeNode$props.selected,\n eventKey = _treeNode$props.eventKey;\n var targetSelected = !selected; // Update selected keys\n\n if (!targetSelected) {\n selectedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(selectedKeys, eventKey);\n } else if (!multiple) {\n selectedKeys = [eventKey];\n } else {\n selectedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(selectedKeys, eventKey);\n } // [Legacy] Not found related usage in doc or upper libs\n\n\n var selectedNodes = selectedKeys.map(function (key) {\n var entity = keyEntities[key];\n if (!entity) return null;\n return entity.node;\n }).filter(function (node) {\n return node;\n });\n\n _this.setUncontrolledState({\n selectedKeys: selectedKeys\n });\n\n if (onSelect) {\n onSelect(selectedKeys, {\n event: 'select',\n selected: targetSelected,\n node: treeNode,\n selectedNodes: selectedNodes,\n nativeEvent: e.nativeEvent\n });\n }\n };\n\n _this.onNodeCheck = function (e, treeNode, checked) {\n var _this$state2 = _this.state,\n keyEntities = _this$state2.keyEntities,\n oriCheckedKeys = _this$state2.checkedKeys,\n oriHalfCheckedKeys = _this$state2.halfCheckedKeys;\n var _this$props2 = _this.props,\n checkStrictly = _this$props2.checkStrictly,\n onCheck = _this$props2.onCheck;\n var eventKey = treeNode.props.eventKey; // Prepare trigger arguments\n\n var checkedObj;\n var eventObj = {\n event: 'check',\n node: treeNode,\n checked: checked,\n nativeEvent: e.nativeEvent\n };\n\n if (checkStrictly) {\n var checkedKeys = checked ? Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(oriCheckedKeys, eventKey) : Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(oriCheckedKeys, eventKey);\n var halfCheckedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(oriHalfCheckedKeys, eventKey);\n checkedObj = {\n checked: checkedKeys,\n halfChecked: halfCheckedKeys\n };\n eventObj.checkedNodes = checkedKeys.map(function (key) {\n return keyEntities[key];\n }).filter(function (entity) {\n return entity;\n }).map(function (entity) {\n return entity.node;\n });\n\n _this.setUncontrolledState({\n checkedKeys: checkedKeys\n });\n } else {\n var _conductCheck = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"e\" /* conductCheck */])([eventKey], checked, keyEntities, {\n checkedKeys: oriCheckedKeys,\n halfCheckedKeys: oriHalfCheckedKeys\n }),\n _checkedKeys = _conductCheck.checkedKeys,\n _halfCheckedKeys = _conductCheck.halfCheckedKeys;\n\n checkedObj = _checkedKeys; // [Legacy] This is used for `rc-tree-select`\n\n eventObj.checkedNodes = [];\n eventObj.checkedNodesPositions = [];\n eventObj.halfCheckedKeys = _halfCheckedKeys;\n\n _checkedKeys.forEach(function (key) {\n var entity = keyEntities[key];\n if (!entity) return;\n var node = entity.node,\n pos = entity.pos;\n eventObj.checkedNodes.push(node);\n eventObj.checkedNodesPositions.push({\n node: node,\n pos: pos\n });\n });\n\n _this.setUncontrolledState({\n checkedKeys: _checkedKeys,\n halfCheckedKeys: _halfCheckedKeys\n });\n }\n\n if (onCheck) {\n onCheck(checkedObj, eventObj);\n }\n };\n\n _this.onNodeLoad = function (treeNode) {\n return new Promise(function (resolve) {\n // We need to get the latest state of loading/loaded keys\n _this.setState(function (_ref) {\n var _ref$loadedKeys = _ref.loadedKeys,\n loadedKeys = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys,\n _ref$loadingKeys = _ref.loadingKeys,\n loadingKeys = _ref$loadingKeys === void 0 ? [] : _ref$loadingKeys;\n var _this$props3 = _this.props,\n loadData = _this$props3.loadData,\n onLoad = _this$props3.onLoad;\n var eventKey = treeNode.props.eventKey;\n\n if (!loadData || loadedKeys.indexOf(eventKey) !== -1 || loadingKeys.indexOf(eventKey) !== -1) {\n // react 15 will warn if return null\n return {};\n } // Process load data\n\n\n var promise = loadData(treeNode);\n promise.then(function () {\n var _this$state3 = _this.state,\n currentLoadedKeys = _this$state3.loadedKeys,\n currentLoadingKeys = _this$state3.loadingKeys;\n var newLoadedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(currentLoadedKeys, eventKey);\n var newLoadingKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(currentLoadingKeys, eventKey); // onLoad should trigger before internal setState to avoid `loadData` trigger twice.\n // https://github.com/ant-design/ant-design/issues/12464\n\n if (onLoad) {\n onLoad(newLoadedKeys, {\n event: 'load',\n node: treeNode\n });\n }\n\n _this.setUncontrolledState({\n loadedKeys: newLoadedKeys\n });\n\n _this.setState({\n loadingKeys: newLoadingKeys\n });\n\n resolve();\n });\n return {\n loadingKeys: Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(loadingKeys, eventKey)\n };\n });\n });\n };\n\n _this.onNodeExpand = function (e, treeNode) {\n var expandedKeys = _this.state.expandedKeys;\n var _this$props4 = _this.props,\n onExpand = _this$props4.onExpand,\n loadData = _this$props4.loadData;\n var _treeNode$props2 = treeNode.props,\n eventKey = _treeNode$props2.eventKey,\n expanded = _treeNode$props2.expanded; // Update selected keys\n\n var index = expandedKeys.indexOf(eventKey);\n var targetExpanded = !expanded;\n __WEBPACK_IMPORTED_MODULE_3_warning___default()(expanded && index !== -1 || !expanded && index === -1, 'Expand state not sync with index check');\n\n if (targetExpanded) {\n expandedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"a\" /* arrAdd */])(expandedKeys, eventKey);\n } else {\n expandedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"b\" /* arrDel */])(expandedKeys, eventKey);\n }\n\n _this.setUncontrolledState({\n expandedKeys: expandedKeys\n });\n\n if (onExpand) {\n onExpand(expandedKeys, {\n node: treeNode,\n expanded: targetExpanded,\n nativeEvent: e.nativeEvent\n });\n } // Async Load data\n\n\n if (targetExpanded && loadData) {\n var loadPromise = _this.onNodeLoad(treeNode);\n\n return loadPromise ? loadPromise.then(function () {\n // [Legacy] Refresh logic\n _this.setUncontrolledState({\n expandedKeys: expandedKeys\n });\n }) : null;\n }\n\n return null;\n };\n\n _this.onNodeMouseEnter = function (event, node) {\n var onMouseEnter = _this.props.onMouseEnter;\n\n if (onMouseEnter) {\n onMouseEnter({\n event: event,\n node: node\n });\n }\n };\n\n _this.onNodeMouseLeave = function (event, node) {\n var onMouseLeave = _this.props.onMouseLeave;\n\n if (onMouseLeave) {\n onMouseLeave({\n event: event,\n node: node\n });\n }\n };\n\n _this.onNodeContextMenu = function (event, node) {\n var onRightClick = _this.props.onRightClick;\n\n if (onRightClick) {\n event.preventDefault();\n onRightClick({\n event: event,\n node: node\n });\n }\n };\n /**\n * Only update the value which is not in props\n */\n\n\n _this.setUncontrolledState = function (state) {\n var needSync = false;\n var newState = {};\n Object.keys(state).forEach(function (name) {\n if (name in _this.props) return;\n needSync = true;\n newState[name] = state[name];\n });\n\n if (needSync) {\n _this.setState(newState);\n }\n };\n\n _this.registerTreeNode = function (key, node) {\n if (node) {\n _this.domTreeNodes[key] = node;\n } else {\n delete _this.domTreeNodes[key];\n }\n };\n\n _this.isKeyChecked = function (key) {\n var _this$state$checkedKe = _this.state.checkedKeys,\n checkedKeys = _this$state$checkedKe === void 0 ? [] : _this$state$checkedKe;\n return checkedKeys.indexOf(key) !== -1;\n };\n /**\n * [Legacy] Original logic use `key` as tracking clue.\n * We have to use `cloneElement` to pass `key`.\n */\n\n\n _this.renderTreeNode = function (child, index) {\n var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;\n var _this$state4 = _this.state,\n keyEntities = _this$state4.keyEntities,\n _this$state4$expanded = _this$state4.expandedKeys,\n expandedKeys = _this$state4$expanded === void 0 ? [] : _this$state4$expanded,\n _this$state4$selected = _this$state4.selectedKeys,\n selectedKeys = _this$state4$selected === void 0 ? [] : _this$state4$selected,\n _this$state4$halfChec = _this$state4.halfCheckedKeys,\n halfCheckedKeys = _this$state4$halfChec === void 0 ? [] : _this$state4$halfChec,\n _this$state4$loadedKe = _this$state4.loadedKeys,\n loadedKeys = _this$state4$loadedKe === void 0 ? [] : _this$state4$loadedKe,\n _this$state4$loadingK = _this$state4.loadingKeys,\n loadingKeys = _this$state4$loadingK === void 0 ? [] : _this$state4$loadingK,\n dragOverNodeKey = _this$state4.dragOverNodeKey,\n dropPosition = _this$state4.dropPosition;\n var pos = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"l\" /* getPosition */])(level, index);\n var key = child.key || pos;\n\n if (!keyEntities[key]) {\n Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"p\" /* warnOnlyTreeNode */])();\n return null;\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react__[\"cloneElement\"](child, {\n key: key,\n eventKey: key,\n expanded: expandedKeys.indexOf(key) !== -1,\n selected: selectedKeys.indexOf(key) !== -1,\n loaded: loadedKeys.indexOf(key) !== -1,\n loading: loadingKeys.indexOf(key) !== -1,\n checked: _this.isKeyChecked(key),\n halfChecked: halfCheckedKeys.indexOf(key) !== -1,\n pos: pos,\n // [Legacy] Drag props\n dragOver: dragOverNodeKey === key && dropPosition === 0,\n dragOverGapTop: dragOverNodeKey === key && dropPosition === -1,\n dragOverGapBottom: dragOverNodeKey === key && dropPosition === 1\n });\n };\n\n return _this;\n }\n\n _createClass(Tree, [{\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var treeNode = this.state.treeNode;\n var _this$props5 = this.props,\n prefixCls = _this$props5.prefixCls,\n className = _this$props5.className,\n focusable = _this$props5.focusable,\n style = _this$props5.style,\n showLine = _this$props5.showLine,\n _this$props5$tabIndex = _this$props5.tabIndex,\n tabIndex = _this$props5$tabIndex === void 0 ? 0 : _this$props5$tabIndex,\n selectable = _this$props5.selectable,\n showIcon = _this$props5.showIcon,\n icon = _this$props5.icon,\n switcherIcon = _this$props5.switcherIcon,\n draggable = _this$props5.draggable,\n checkable = _this$props5.checkable,\n checkStrictly = _this$props5.checkStrictly,\n disabled = _this$props5.disabled,\n motion = _this$props5.motion,\n loadData = _this$props5.loadData,\n filterTreeNode = _this$props5.filterTreeNode;\n var domProps = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"i\" /* getDataAndAria */])(this.props);\n\n if (focusable) {\n domProps.tabIndex = tabIndex;\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"](__WEBPACK_IMPORTED_MODULE_6__contextTypes__[\"a\" /* TreeContext */].Provider, {\n value: {\n prefixCls: prefixCls,\n selectable: selectable,\n showIcon: showIcon,\n icon: icon,\n switcherIcon: switcherIcon,\n draggable: draggable,\n checkable: checkable,\n checkStrictly: checkStrictly,\n disabled: disabled,\n motion: motion,\n loadData: loadData,\n filterTreeNode: filterTreeNode,\n renderTreeNode: this.renderTreeNode,\n isKeyChecked: this.isKeyChecked,\n onNodeClick: this.onNodeClick,\n onNodeDoubleClick: this.onNodeDoubleClick,\n onNodeExpand: this.onNodeExpand,\n onNodeSelect: this.onNodeSelect,\n onNodeCheck: this.onNodeCheck,\n onNodeLoad: this.onNodeLoad,\n onNodeMouseEnter: this.onNodeMouseEnter,\n onNodeMouseLeave: this.onNodeMouseLeave,\n onNodeContextMenu: this.onNodeContextMenu,\n onNodeDragStart: this.onNodeDragStart,\n onNodeDragEnter: this.onNodeDragEnter,\n onNodeDragOver: this.onNodeDragOver,\n onNodeDragLeave: this.onNodeDragLeave,\n onNodeDragEnd: this.onNodeDragEnd,\n onNodeDrop: this.onNodeDrop,\n registerTreeNode: this.registerTreeNode\n }\n }, __WEBPACK_IMPORTED_MODULE_0_react__[\"createElement\"](\"ul\", Object.assign({}, domProps, {\n className: __WEBPACK_IMPORTED_MODULE_2_classnames___default()(prefixCls, className, _defineProperty({}, \"\".concat(prefixCls, \"-show-line\"), showLine)),\n style: style,\n role: \"tree\",\n unselectable: \"on\"\n }), Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"m\" /* mapChildren */])(treeNode, function (node, index) {\n return _this2.renderTreeNode(node, index);\n })));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(props, prevState) {\n var prevProps = prevState.prevProps;\n var newState = {\n prevProps: props\n };\n\n function needSync(name) {\n return !prevProps && name in props || prevProps && prevProps[name] !== props[name];\n } // ================== Tree Node ==================\n\n\n var treeNode = null; // Check if `treeData` or `children` changed and save into the state.\n\n if (needSync('treeData')) {\n treeNode = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"g\" /* convertDataToTree */])(props.treeData);\n } else if (needSync('children')) {\n treeNode = Object(__WEBPACK_IMPORTED_MODULE_4_rc_util_es_Children_toArray__[\"a\" /* default */])(props.children);\n } // Tree support filter function which will break the tree structure in the vdm.\n // We cache the treeNodes in state so that we can return the treeNode in event trigger.\n\n\n if (treeNode) {\n newState.treeNode = treeNode; // Calculate the entities data for quick match\n\n var entitiesMap = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"h\" /* convertTreeToEntities */])(treeNode);\n newState.keyEntities = entitiesMap.keyEntities;\n }\n\n var keyEntities = newState.keyEntities || prevState.keyEntities; // ================ expandedKeys =================\n\n if (needSync('expandedKeys') || prevProps && needSync('autoExpandParent')) {\n newState.expandedKeys = props.autoExpandParent || !prevProps && props.defaultExpandParent ? Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"f\" /* conductExpandParent */])(props.expandedKeys, keyEntities) : props.expandedKeys;\n } else if (!prevProps && props.defaultExpandAll) {\n newState.expandedKeys = Object.keys(keyEntities);\n } else if (!prevProps && props.defaultExpandedKeys) {\n newState.expandedKeys = props.autoExpandParent || props.defaultExpandParent ? Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"f\" /* conductExpandParent */])(props.defaultExpandedKeys, keyEntities) : props.defaultExpandedKeys;\n } // ================ selectedKeys =================\n\n\n if (props.selectable) {\n if (needSync('selectedKeys')) {\n newState.selectedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"d\" /* calcSelectedKeys */])(props.selectedKeys, props);\n } else if (!prevProps && props.defaultSelectedKeys) {\n newState.selectedKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"d\" /* calcSelectedKeys */])(props.defaultSelectedKeys, props);\n }\n } // ================= checkedKeys =================\n\n\n if (props.checkable) {\n var checkedKeyEntity;\n\n if (needSync('checkedKeys')) {\n checkedKeyEntity = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"n\" /* parseCheckedKeys */])(props.checkedKeys) || {};\n } else if (!prevProps && props.defaultCheckedKeys) {\n checkedKeyEntity = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"n\" /* parseCheckedKeys */])(props.defaultCheckedKeys) || {};\n } else if (treeNode) {\n // If treeNode changed, we also need check it\n checkedKeyEntity = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"n\" /* parseCheckedKeys */])(props.checkedKeys) || {\n checkedKeys: prevState.checkedKeys,\n halfCheckedKeys: prevState.halfCheckedKeys\n };\n }\n\n if (checkedKeyEntity) {\n var _checkedKeyEntity = checkedKeyEntity,\n _checkedKeyEntity$che = _checkedKeyEntity.checkedKeys,\n checkedKeys = _checkedKeyEntity$che === void 0 ? [] : _checkedKeyEntity$che,\n _checkedKeyEntity$hal = _checkedKeyEntity.halfCheckedKeys,\n halfCheckedKeys = _checkedKeyEntity$hal === void 0 ? [] : _checkedKeyEntity$hal;\n\n if (!props.checkStrictly) {\n var conductKeys = Object(__WEBPACK_IMPORTED_MODULE_7__util__[\"e\" /* conductCheck */])(checkedKeys, true, keyEntities);\n checkedKeys = conductKeys.checkedKeys;\n halfCheckedKeys = conductKeys.halfCheckedKeys;\n }\n\n newState.checkedKeys = checkedKeys;\n newState.halfCheckedKeys = halfCheckedKeys;\n }\n } // ================= loadedKeys ==================\n\n\n if (needSync('loadedKeys')) {\n newState.loadedKeys = props.loadedKeys;\n }\n\n return newState;\n }\n }]);\n\n return Tree;\n}(__WEBPACK_IMPORTED_MODULE_0_react__[\"Component\"]);\n\nTree.propTypes = {\n prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n tabIndex: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number]),\n children: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.any,\n treeData: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,\n showLine: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n showIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n icon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),\n focusable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n selectable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n multiple: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n checkable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node]),\n checkStrictly: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n draggable: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n defaultExpandParent: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n autoExpandParent: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n defaultExpandAll: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n defaultExpandedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n expandedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n defaultCheckedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n checkedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number])), __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object]),\n defaultSelectedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n selectedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n onClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDoubleClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onExpand: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onCheck: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onLoad: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n loadData: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n loadedKeys: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.arrayOf(__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string),\n onMouseEnter: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onMouseLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onRightClick: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDragStart: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDragEnter: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDragOver: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDragLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDragEnd: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onDrop: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n filterTreeNode: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n motion: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n switcherIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])\n};\nTree.defaultProps = {\n prefixCls: 'rc-tree',\n showLine: false,\n showIcon: true,\n selectable: true,\n multiple: false,\n checkable: false,\n disabled: false,\n checkStrictly: false,\n draggable: false,\n defaultExpandParent: true,\n autoExpandParent: false,\n defaultExpandAll: false,\n defaultExpandedKeys: [],\n defaultCheckedKeys: [],\n defaultSelectedKeys: []\n};\nObject(__WEBPACK_IMPORTED_MODULE_5_react_lifecycles_compat__[\"polyfill\"])(Tree);\n/* harmony default export */ __webpack_exports__[\"a\"] = (Tree);\n\n/***/ }),\n/* 1032 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Base_BaseSelector__ = __webpack_require__(150);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__util__ = __webpack_require__(23);\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _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); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\nvar Selector = Object(__WEBPACK_IMPORTED_MODULE_1__Base_BaseSelector__[\"a\" /* default */])('single');\n\nvar SingleSelector =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(SingleSelector, _React$Component);\n\n function SingleSelector() {\n var _this;\n\n _classCallCheck(this, SingleSelector);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SingleSelector).call(this));\n\n _defineProperty(_assertThisInitialized(_this), \"focus\", function () {\n _this.selectorRef.current.focus();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"blur\", function () {\n _this.selectorRef.current.blur();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"renderSelection\", function () {\n var _this$props = _this.props,\n selectorValueList = _this$props.selectorValueList,\n placeholder = _this$props.placeholder,\n prefixCls = _this$props.prefixCls;\n var innerNode;\n\n if (selectorValueList.length) {\n var _selectorValueList$ = selectorValueList[0],\n label = _selectorValueList$.label,\n value = _selectorValueList$.value;\n innerNode = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n key: \"value\",\n title: Object(__WEBPACK_IMPORTED_MODULE_2__util__[\"r\" /* toTitle */])(label),\n className: \"\".concat(prefixCls, \"-selection-selected-value\")\n }, label || value);\n } else {\n innerNode = __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n key: \"placeholder\",\n className: \"\".concat(prefixCls, \"-selection__placeholder\")\n }, placeholder);\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-selection__rendered\")\n }, innerNode);\n });\n\n _this.selectorRef = Object(__WEBPACK_IMPORTED_MODULE_2__util__[\"g\" /* createRef */])();\n return _this;\n }\n\n _createClass(SingleSelector, [{\n key: \"render\",\n value: function render() {\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Selector, _extends({}, this.props, {\n ref: this.selectorRef,\n renderSelection: this.renderSelection\n }));\n }\n }]);\n\n return SingleSelector;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(SingleSelector, \"propTypes\", _objectSpread({}, __WEBPACK_IMPORTED_MODULE_1__Base_BaseSelector__[\"c\" /* selectorPropTypes */]));\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (SingleSelector);\n\n/***/ }),\n/* 1033 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return multipleSelectorContextTypes; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Base_BaseSelector__ = __webpack_require__(150);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__SelectorList__ = __webpack_require__(1034);\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _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); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\n\n\nvar Selector = Object(__WEBPACK_IMPORTED_MODULE_2__Base_BaseSelector__[\"a\" /* default */])('multiple');\nvar multipleSelectorContextTypes = {\n onMultipleSelectorRemove: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func.isRequired\n};\n\nvar MultipleSelector =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(MultipleSelector, _React$Component);\n\n function MultipleSelector() {\n var _this;\n\n _classCallCheck(this, MultipleSelector);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(MultipleSelector).call(this));\n\n _defineProperty(_assertThisInitialized(_this), \"onPlaceholderClick\", function () {\n _this.inputRef.current.focus();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"focus\", function () {\n _this.inputRef.current.focus();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"blur\", function () {\n _this.inputRef.current.blur();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"renderPlaceholder\", function () {\n var _this$props = _this.props,\n prefixCls = _this$props.prefixCls,\n placeholder = _this$props.placeholder,\n searchPlaceholder = _this$props.searchPlaceholder,\n searchValue = _this$props.searchValue,\n selectorValueList = _this$props.selectorValueList;\n var currentPlaceholder = placeholder || searchPlaceholder;\n if (!currentPlaceholder) return null;\n var hidden = searchValue || selectorValueList.length; // [Legacy] Not remove the placeholder\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n style: {\n display: hidden ? 'none' : 'block'\n },\n onClick: _this.onPlaceholderClick,\n className: \"\".concat(prefixCls, \"-search__field__placeholder\")\n }, currentPlaceholder);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"renderSelection\", function () {\n var onMultipleSelectorRemove = _this.context.rcTreeSelect.onMultipleSelectorRemove;\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__SelectorList__[\"a\" /* default */], _extends({}, _this.props, {\n onMultipleSelectorRemove: onMultipleSelectorRemove,\n inputRef: _this.inputRef\n }));\n });\n\n _this.inputRef = Object(__WEBPACK_IMPORTED_MODULE_3__util__[\"g\" /* createRef */])();\n return _this;\n }\n\n _createClass(MultipleSelector, [{\n key: \"render\",\n value: function render() {\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Selector, _extends({}, this.props, {\n tabIndex: -1,\n showArrow: false,\n renderSelection: this.renderSelection,\n renderPlaceholder: this.renderPlaceholder\n }));\n }\n }]);\n\n return MultipleSelector;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(MultipleSelector, \"propTypes\", _objectSpread({}, __WEBPACK_IMPORTED_MODULE_2__Base_BaseSelector__[\"c\" /* selectorPropTypes */], {\n selectorValueList: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,\n disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n searchValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n labelInValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n maxTagCount: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,\n maxTagPlaceholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),\n onChoiceAnimationLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func\n}));\n\n_defineProperty(MultipleSelector, \"contextTypes\", {\n rcTreeSelect: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.shape(_objectSpread({}, multipleSelectorContextTypes, {\n onSearchInputChange: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func\n }))\n});\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (MultipleSelector);\n\n/***/ }),\n/* 1034 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_rc_animate_es_CSSMotionList__ = __webpack_require__(1035);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Selection__ = __webpack_require__(1037);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__SearchInput__ = __webpack_require__(410);\nfunction _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); }\n\n\n\n\n\n\nvar NODE_SELECTOR = 'selector';\nvar NODE_SEARCH = 'search';\nvar TREE_SELECT_EMPTY_VALUE_KEY = 'RC_TREE_SELECT_EMPTY_VALUE_KEY';\n\nvar SelectorList = function SelectorList(props) {\n var selectorValueList = props.selectorValueList,\n choiceTransitionName = props.choiceTransitionName,\n prefixCls = props.prefixCls,\n onChoiceAnimationLeave = props.onChoiceAnimationLeave,\n labelInValue = props.labelInValue,\n maxTagCount = props.maxTagCount,\n maxTagPlaceholder = props.maxTagPlaceholder,\n showSearch = props.showSearch,\n valueEntities = props.valueEntities,\n inputRef = props.inputRef,\n onMultipleSelectorRemove = props.onMultipleSelectorRemove;\n var nodeKeys = []; // Check if `maxTagCount` is set\n\n var myValueList = selectorValueList;\n\n if (maxTagCount >= 0) {\n myValueList = selectorValueList.slice(0, maxTagCount);\n } // Basic selectors\n\n\n myValueList.forEach(function (_ref) {\n var label = _ref.label,\n value = _ref.value;\n\n var _ref2 = (valueEntities[value] || {}).node || {},\n _ref2$props = _ref2.props;\n\n _ref2$props = _ref2$props === void 0 ? {} : _ref2$props;\n var disabled = _ref2$props.disabled;\n nodeKeys.push({\n key: value,\n type: NODE_SELECTOR,\n label: label,\n value: value,\n disabled: disabled\n });\n }); // Rest node count\n\n if (maxTagCount >= 0 && maxTagCount < selectorValueList.length) {\n var content = \"+ \".concat(selectorValueList.length - maxTagCount, \" ...\");\n\n if (typeof maxTagPlaceholder === 'string') {\n content = maxTagPlaceholder;\n } else if (typeof maxTagPlaceholder === 'function') {\n var restValueList = selectorValueList.slice(maxTagCount);\n content = maxTagPlaceholder(labelInValue ? restValueList : restValueList.map(function (_ref3) {\n var value = _ref3.value;\n return value;\n }));\n }\n\n nodeKeys.push({\n key: 'rc-tree-select-internal-max-tag-counter',\n type: NODE_SELECTOR,\n label: content,\n value: null,\n disabled: true\n });\n } // Search node\n\n\n if (showSearch !== false) {\n nodeKeys.push({\n key: '__input',\n type: NODE_SEARCH\n });\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2_rc_animate_es_CSSMotionList__[\"a\" /* default */], {\n keys: nodeKeys,\n className: \"\".concat(prefixCls, \"-selection__rendered\"),\n component: \"ul\",\n role: \"menubar\",\n motionName: choiceTransitionName,\n onLeaveEnd: onChoiceAnimationLeave\n }, function (_ref4) {\n var type = _ref4.type,\n label = _ref4.label,\n value = _ref4.value,\n disabled = _ref4.disabled,\n className = _ref4.className,\n style = _ref4.style;\n\n if (type === NODE_SELECTOR) {\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3__Selection__[\"a\" /* default */], _extends({}, props, {\n className: className,\n style: style,\n key: value || TREE_SELECT_EMPTY_VALUE_KEY,\n label: label,\n value: value,\n onRemove: disabled ? null : onMultipleSelectorRemove\n }));\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"li\", {\n className: \"\".concat(prefixCls, \"-search \").concat(prefixCls, \"-search--inline\")\n }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_4__SearchInput__[\"a\" /* default */], _extends({}, props, {\n ref: inputRef,\n needAlign: true\n })));\n });\n};\n\nSelectorList.propTypes = {\n selectorValueList: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.array,\n choiceTransitionName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n onChoiceAnimationLeave: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n labelInValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n showSearch: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n maxTagCount: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,\n maxTagPlaceholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func]),\n valueEntities: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n inputRef: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n onMultipleSelectorRemove: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func\n};\n/* harmony default export */ __webpack_exports__[\"a\"] = (SelectorList);\n\n/***/ }),\n/* 1035 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export genCSSMotionList */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__ = __webpack_require__(72);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__ = __webpack_require__(11);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__ = __webpack_require__(25);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__ = __webpack_require__(14);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_lifecycles_compat__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__CSSMotion__ = __webpack_require__(120);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__util_motion__ = __webpack_require__(205);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__util_diff__ = __webpack_require__(1036);\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar MOTION_PROP_NAMES = Object.keys(__WEBPACK_IMPORTED_MODULE_9__CSSMotion__[\"a\" /* MotionPropTypes */]);\n\nfunction genCSSMotionList(transitionSupport) {\n var CSSMotion = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : __WEBPACK_IMPORTED_MODULE_9__CSSMotion__[\"b\" /* default */];\n\n var CSSMotionList = function (_React$Component) {\n __WEBPACK_IMPORTED_MODULE_5_babel_runtime_helpers_inherits___default()(CSSMotionList, _React$Component);\n\n function CSSMotionList() {\n var _ref;\n\n var _temp, _this, _ret;\n\n __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_classCallCheck___default()(this, CSSMotionList);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(this, (_ref = CSSMotionList.__proto__ || Object.getPrototypeOf(CSSMotionList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n keyEntities: []\n }, _this.removeKey = function (removeKey) {\n _this.setState(function (_ref2) {\n var keyEntities = _ref2.keyEntities;\n return {\n keyEntities: keyEntities.map(function (entity) {\n if (entity.key !== removeKey) return entity;\n return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, entity, {\n status: __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"d\" /* STATUS_REMOVED */]\n });\n })\n };\n });\n }, _temp), __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);\n }\n\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_createClass___default()(CSSMotionList, [{\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var keyEntities = this.state.keyEntities;\n\n var _props = this.props,\n component = _props.component,\n children = _props.children,\n restProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_props, ['component', 'children']);\n\n var Component = component || __WEBPACK_IMPORTED_MODULE_6_react___default.a.Fragment;\n\n var motionProps = {};\n MOTION_PROP_NAMES.forEach(function (prop) {\n motionProps[prop] = restProps[prop];\n delete restProps[prop];\n });\n delete restProps.keys;\n\n return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(\n Component,\n restProps,\n keyEntities.map(function (_ref3) {\n var status = _ref3.status,\n eventProps = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_objectWithoutProperties___default()(_ref3, ['status']);\n\n var visible = status === __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"a\" /* STATUS_ADD */] || status === __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"b\" /* STATUS_KEEP */];\n return __WEBPACK_IMPORTED_MODULE_6_react___default.a.createElement(\n CSSMotion,\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, motionProps, {\n key: eventProps.key,\n visible: visible,\n eventProps: eventProps,\n onLeaveEnd: function onLeaveEnd() {\n if (motionProps.onLeaveEnd) {\n motionProps.onLeaveEnd.apply(motionProps, arguments);\n }\n _this2.removeKey(eventProps.key);\n }\n }),\n children\n );\n })\n );\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(_ref4, _ref5) {\n var keys = _ref4.keys;\n var keyEntities = _ref5.keyEntities;\n\n var parsedKeyObjects = Object(__WEBPACK_IMPORTED_MODULE_11__util_diff__[\"f\" /* parseKeys */])(keys);\n\n // Always as keep when motion not support\n if (!transitionSupport) {\n return {\n keyEntities: parsedKeyObjects.map(function (obj) {\n return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, obj, { status: __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"b\" /* STATUS_KEEP */] });\n })\n };\n }\n\n var mixedKeyEntities = Object(__WEBPACK_IMPORTED_MODULE_11__util_diff__[\"e\" /* diffKeys */])(keyEntities, parsedKeyObjects);\n\n var keyEntitiesLen = keyEntities.length;\n return {\n keyEntities: mixedKeyEntities.filter(function (entity) {\n // IE 9 not support Array.prototype.find\n var prevEntity = null;\n for (var i = 0; i < keyEntitiesLen; i += 1) {\n var currentEntity = keyEntities[i];\n if (currentEntity.key === entity.key) {\n prevEntity = currentEntity;\n break;\n }\n }\n\n // Remove if already mark as removed\n if (prevEntity && prevEntity.status === __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"d\" /* STATUS_REMOVED */] && entity.status === __WEBPACK_IMPORTED_MODULE_11__util_diff__[\"c\" /* STATUS_REMOVE */]) {\n return false;\n }\n return true;\n })\n };\n }\n }]);\n\n return CSSMotionList;\n }(__WEBPACK_IMPORTED_MODULE_6_react___default.a.Component);\n\n CSSMotionList.propTypes = __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_extends___default()({}, CSSMotion.propTypes, {\n component: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.bool]),\n keys: __WEBPACK_IMPORTED_MODULE_8_prop_types___default.a.array\n });\n CSSMotionList.defaultProps = {\n component: 'div'\n };\n\n\n Object(__WEBPACK_IMPORTED_MODULE_7_react_lifecycles_compat__[\"polyfill\"])(CSSMotionList);\n\n return CSSMotionList;\n}\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (genCSSMotionList(__WEBPACK_IMPORTED_MODULE_10__util_motion__[\"c\" /* supportTransition */]));\n\n/***/ }),\n/* 1036 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return STATUS_ADD; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"b\", function() { return STATUS_KEEP; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"c\", function() { return STATUS_REMOVE; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"d\", function() { return STATUS_REMOVED; });\n/* unused harmony export wrapKeyToObject */\n/* harmony export (immutable) */ __webpack_exports__[\"f\"] = parseKeys;\n/* harmony export (immutable) */ __webpack_exports__[\"e\"] = diffKeys;\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends__);\n\nvar STATUS_ADD = 'add';\nvar STATUS_KEEP = 'keep';\nvar STATUS_REMOVE = 'remove';\nvar STATUS_REMOVED = 'removed';\n\nfunction wrapKeyToObject(key) {\n var keyObj = void 0;\n if (key && typeof key === 'object' && 'key' in key) {\n keyObj = key;\n } else {\n keyObj = { key: key };\n }\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, keyObj, {\n key: String(keyObj.key)\n });\n}\n\nfunction parseKeys() {\n var keys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n\n return keys.map(wrapKeyToObject);\n}\n\nfunction diffKeys() {\n var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var currentKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n\n var list = [];\n var currentIndex = 0;\n var currentLen = currentKeys.length;\n\n var prevKeyObjects = parseKeys(prevKeys);\n var currentKeyObjects = parseKeys(currentKeys);\n\n // Check prev keys to insert or keep\n prevKeyObjects.forEach(function (keyObj) {\n var hit = false;\n\n for (var i = currentIndex; i < currentLen; i += 1) {\n var currentKeyObj = currentKeyObjects[i];\n if (currentKeyObj.key === keyObj.key) {\n // New added keys should add before current key\n if (currentIndex < i) {\n list = list.concat(currentKeyObjects.slice(currentIndex, i).map(function (obj) {\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, obj, { status: STATUS_ADD });\n }));\n currentIndex = i;\n }\n list.push(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, currentKeyObj, {\n status: STATUS_KEEP\n }));\n currentIndex += 1;\n\n hit = true;\n break;\n }\n }\n\n // If not hit, it means key is removed\n if (!hit) {\n list.push(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, keyObj, {\n status: STATUS_REMOVE\n }));\n }\n });\n\n // Add rest to the list\n if (currentIndex < currentLen) {\n list = list.concat(currentKeyObjects.slice(currentIndex).map(function (obj) {\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_extends___default()({}, obj, { status: STATUS_ADD });\n }));\n }\n\n /**\n * Merge same key when it remove and add again:\n * [1 - add, 2 - keep, 1 - remove] -> [1 - keep, 2 - keep]\n */\n var keys = {};\n list.forEach(function (_ref) {\n var key = _ref.key;\n\n keys[key] = (keys[key] || 0) + 1;\n });\n var duplicatedKeys = Object.keys(keys).filter(function (key) {\n return keys[key] > 1;\n });\n duplicatedKeys.forEach(function (matchKey) {\n // Remove `STATUS_REMOVE` node.\n list = list.filter(function (_ref2) {\n var key = _ref2.key,\n status = _ref2.status;\n return key !== matchKey || status !== STATUS_REMOVE;\n });\n\n // Update `STATUS_ADD` to `STATUS_KEEP`\n list.forEach(function (node) {\n if (node.key === matchKey) {\n node.status = STATUS_KEEP;\n }\n });\n });\n\n return list;\n}\n\n/***/ }),\n/* 1037 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_classnames__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(23);\nfunction _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); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\n\n\nvar Selection =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Selection, _React$Component);\n\n function Selection() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Selection);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Selection)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"onRemove\", function (event) {\n var _this$props = _this.props,\n onRemove = _this$props.onRemove,\n value = _this$props.value;\n onRemove(event, value);\n event.stopPropagation();\n });\n\n return _this;\n }\n\n _createClass(Selection, [{\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n prefixCls = _this$props2.prefixCls,\n maxTagTextLength = _this$props2.maxTagTextLength,\n className = _this$props2.className,\n style = _this$props2.style,\n label = _this$props2.label,\n value = _this$props2.value,\n onRemove = _this$props2.onRemove,\n removeIcon = _this$props2.removeIcon;\n var content = label || value;\n\n if (maxTagTextLength && typeof content === 'string' && content.length > maxTagTextLength) {\n content = \"\".concat(content.slice(0, maxTagTextLength), \"...\");\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"li\", _extends({\n style: _objectSpread({}, __WEBPACK_IMPORTED_MODULE_3__util__[\"b\" /* UNSELECTABLE_STYLE */], {}, style)\n }, __WEBPACK_IMPORTED_MODULE_3__util__[\"a\" /* UNSELECTABLE_ATTRIBUTE */], {\n role: \"menuitem\",\n className: __WEBPACK_IMPORTED_MODULE_2_classnames___default()(\"\".concat(prefixCls, \"-selection__choice\"), className),\n title: Object(__WEBPACK_IMPORTED_MODULE_3__util__[\"r\" /* toTitle */])(label)\n }), onRemove && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-selection__choice__remove\"),\n onClick: this.onRemove\n }, typeof removeIcon === 'function' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(removeIcon, _objectSpread({}, this.props)) : removeIcon), __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n className: \"\".concat(prefixCls, \"-selection__choice__content\")\n }, content));\n }\n }]);\n\n return Selection;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(Selection, \"propTypes\", {\n prefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n maxTagTextLength: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number,\n onRemove: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func,\n className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object,\n label: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node,\n value: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.number]),\n removeIcon: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.oneOfType([__WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.node, __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func])\n});\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Selection);\n\n/***/ }),\n/* 1038 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Base_BasePopup__ = __webpack_require__(151);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__SearchInput__ = __webpack_require__(410);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__util__ = __webpack_require__(23);\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _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); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (typeof call === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _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; }\n\n\n\n\n\n\n\nvar SinglePopup =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(SinglePopup, _React$Component);\n\n function SinglePopup() {\n var _this;\n\n _classCallCheck(this, SinglePopup);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SinglePopup).call(this));\n\n _defineProperty(_assertThisInitialized(_this), \"onPlaceholderClick\", function () {\n _this.inputRef.current.focus();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"getTree\", function () {\n return _this.popupRef.current && _this.popupRef.current.getTree();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"renderPlaceholder\", function () {\n var _this$props = _this.props,\n searchPlaceholder = _this$props.searchPlaceholder,\n searchValue = _this$props.searchValue,\n prefixCls = _this$props.prefixCls;\n\n if (!searchPlaceholder) {\n return null;\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n style: {\n display: searchValue ? 'none' : 'block'\n },\n onClick: _this.onPlaceholderClick,\n className: \"\".concat(prefixCls, \"-search__field__placeholder\")\n }, searchPlaceholder);\n });\n\n _defineProperty(_assertThisInitialized(_this), \"renderSearch\", function () {\n var _this$props2 = _this.props,\n showSearch = _this$props2.showSearch,\n dropdownPrefixCls = _this$props2.dropdownPrefixCls;\n\n if (!showSearch) {\n return null;\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\", {\n ref: _this.searchRef,\n className: \"\".concat(dropdownPrefixCls, \"-search\")\n }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3__SearchInput__[\"a\" /* default */], _extends({}, _this.props, {\n ref: _this.inputRef,\n renderPlaceholder: _this.renderPlaceholder\n })));\n });\n\n _this.inputRef = Object(__WEBPACK_IMPORTED_MODULE_4__util__[\"g\" /* createRef */])();\n _this.searchRef = Object(__WEBPACK_IMPORTED_MODULE_4__util__[\"g\" /* createRef */])();\n _this.popupRef = Object(__WEBPACK_IMPORTED_MODULE_4__util__[\"g\" /* createRef */])();\n return _this;\n }\n\n _createClass(SinglePopup, [{\n key: \"render\",\n value: function render() {\n return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_2__Base_BasePopup__[\"a\" /* default */], _extends({\n ref: this.popupRef\n }, this.props, {\n renderSearch: this.renderSearch\n }));\n }\n }]);\n\n return SinglePopup;\n}(__WEBPACK_IMPORTED_MODULE_0_react___default.a.Component);\n\n_defineProperty(SinglePopup, \"propTypes\", _objectSpread({}, __WEBPACK_IMPORTED_MODULE_2__Base_BasePopup__[\"a\" /* default */].propTypes, {\n searchValue: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n showSearch: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n dropdownPrefixCls: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string,\n disabled: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool,\n searchPlaceholder: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string\n}));\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (SinglePopup);\n\n/***/ }),\n/* 1039 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Base_BasePopup__ = __webpack_require__(151);\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (__WEBPACK_IMPORTED_MODULE_0__Base_BasePopup__[\"a\" /* default */]);\n\n/***/ }),\n/* 1040 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1041);\nmodule.exports = __webpack_require__(1042);\n\n\n/***/ }),\n/* 1041 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1042 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _PageLayout = __webpack_require__(1043);\n\nvar _PageLayout2 = _interopRequireDefault(_PageLayout);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _PageLayout2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1043 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _Header = __webpack_require__(1044);\n\nvar _Header2 = _interopRequireDefault(_Header);\n\nvar _Content = __webpack_require__(1045);\n\nvar _Content2 = _interopRequireDefault(_Content);\n\nvar _LeftContent = __webpack_require__(1046);\n\nvar _LeftContent2 = _interopRequireDefault(_LeftContent);\n\nvar _RightContent = __webpack_require__(1047);\n\nvar _RightContent2 = _interopRequireDefault(_RightContent);\n\nvar _SearchArea = __webpack_require__(1048);\n\nvar _SearchArea2 = _interopRequireDefault(_SearchArea);\n\nvar _TableContent = __webpack_require__(1049);\n\nvar _TableContent2 = _interopRequireDefault(_TableContent);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar PageLayout = function (_Component) {\n _inherits(PageLayout, _Component);\n\n function PageLayout() {\n _classCallCheck(this, PageLayout);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n PageLayout.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'bee-page-layout';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: classes }, other),\n this.props.children\n );\n };\n\n return PageLayout;\n}(_react.Component);\n\nPageLayout.propTypes = propTypes;\nPageLayout.defaultProps = defaultProps;\nPageLayout.Header = _Header2[\"default\"];\nPageLayout.Content = _Content2[\"default\"];\nPageLayout.LeftContent = _LeftContent2[\"default\"];\nPageLayout.RightContent = _RightContent2[\"default\"];\nPageLayout.SearchArea = _SearchArea2[\"default\"];\nPageLayout.TableContent = _TableContent2[\"default\"];\n\nexports[\"default\"] = PageLayout;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1044 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar Header = function (_Component) {\n _inherits(Header, _Component);\n\n function Header(props) {\n _classCallCheck(this, Header);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n Header.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'header';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: classes }, other),\n children\n );\n };\n\n return Header;\n}(_react.Component);\n\nHeader.propTypes = propTypes;\nHeader.defaultProps = defaultProps;\nexports[\"default\"] = Header;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1045 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeLayout = __webpack_require__(59);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar Content = function (_Component) {\n _inherits(Content, _Component);\n\n function Content(props) {\n _classCallCheck(this, Content);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n Content.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'content';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n _beeLayout.Row,\n _extends({ className: classes }, other),\n this.props.children\n );\n };\n\n return Content;\n}(_react.Component);\n\nContent.propTypes = propTypes;\nContent.defaultProps = defaultProps;\nexports[\"default\"] = Content;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1046 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeLayout = __webpack_require__(59);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar LeftContent = function (_Component) {\n _inherits(LeftContent, _Component);\n\n function LeftContent(props) {\n _classCallCheck(this, LeftContent);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n LeftContent.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'left-content';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n _beeLayout.Col,\n _extends({ className: classes, md: 4, sm: 6, xs: 12 }, other),\n this.props.children\n );\n };\n\n return LeftContent;\n}(_react.Component);\n\nLeftContent.propTypes = propTypes;\nLeftContent.defaultProps = defaultProps;\nexports[\"default\"] = LeftContent;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1047 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _beeLayout = __webpack_require__(59);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar RightContent = function (_Component) {\n _inherits(RightContent, _Component);\n\n function RightContent(props) {\n _classCallCheck(this, RightContent);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n RightContent.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'right-content';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n _beeLayout.Col,\n _extends({ className: classes, md: 8, sm: 6, xs: 12 }, other),\n this.props.children\n );\n };\n\n return RightContent;\n}(_react.Component);\n\nRightContent.propTypes = propTypes;\nRightContent.defaultProps = defaultProps;\nexports[\"default\"] = RightContent;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1048 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar SearchArea = function (_Component) {\n _inherits(SearchArea, _Component);\n\n function SearchArea(props) {\n _classCallCheck(this, SearchArea);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n SearchArea.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'search-area';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: classes }, other),\n this.props.children\n );\n };\n\n return SearchArea;\n}(_react.Component);\n\nSearchArea.propTypes = propTypes;\nSearchArea.defaultProps = defaultProps;\nexports[\"default\"] = SearchArea;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1049 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _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; };\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {};\nvar defaultProps = {};\n\nvar TableContent = function (_Component) {\n _inherits(TableContent, _Component);\n\n function TableContent(props) {\n _classCallCheck(this, TableContent);\n\n return _possibleConstructorReturn(this, _Component.call(this, props));\n }\n\n TableContent.prototype.render = function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children,\n other = _objectWithoutProperties(_props, ['className', 'children']);\n\n var classes = 'table-container';\n if (className) classes += ' ' + className;\n return _react2[\"default\"].createElement(\n 'div',\n _extends({ className: classes }, other),\n this.props.children\n );\n };\n\n return TableContent;\n}(_react.Component);\n\nTableContent.propTypes = propTypes;\nTableContent.defaultProps = defaultProps;\nexports[\"default\"] = TableContent;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1050 */\n/***/ (function(module, exports, __webpack_require__) {\n\n__webpack_require__(1051);\nmodule.exports = __webpack_require__(1052);\n\n\n/***/ }),\n/* 1051 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1052 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _SvgIcon = __webpack_require__(1053);\n\nvar _SvgIcon2 = _interopRequireDefault(_SvgIcon);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nexports[\"default\"] = _SvgIcon2[\"default\"];\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1053 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _react = __webpack_require__(0);\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = __webpack_require__(1);\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _classnames = __webpack_require__(3);\n\nvar _classnames2 = _interopRequireDefault(_classnames);\n\n__webpack_require__(1054);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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; }\n\nfunction _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); }\n\nvar propTypes = {\n className: _propTypes2[\"default\"].string,\n type: _propTypes2[\"default\"].string\n};\nvar defaultProps = {\n viewBox: \"0 0 1024 1024\",\n clsPrefix: 'u-svgicon'\n};\n\nvar SvgIcon = function (_Component) {\n _inherits(SvgIcon, _Component);\n\n function SvgIcon() {\n _classCallCheck(this, SvgIcon);\n\n return _possibleConstructorReturn(this, _Component.apply(this, arguments));\n }\n\n SvgIcon.prototype.render = function render() {\n var _this2 = this;\n\n var _props = this.props,\n className = _props.className,\n type = _props.type,\n Component = _props.component,\n viewBox = _props.viewBox,\n clsPrefix = _props.clsPrefix,\n children = _props.children;\n\n\n var classString = (0, _classnames2[\"default\"])(_defineProperty({}, '' + clsPrefix, true));\n var renderInnerNode = function renderInnerNode() {\n // component > type\n if (Component) {\n return _react2[\"default\"].createElement(\n 'i',\n _this2.props,\n _react2[\"default\"].createElement(\n Component,\n null,\n children\n )\n );\n }\n\n return _react2[\"default\"].createElement(\n 'svg',\n { className: (0, _classnames2[\"default\"])(className, classString), 'aria-hidden': 'true', viewBox: viewBox },\n _react2[\"default\"].createElement('use', { xlinkHref: '#uftype-' + type })\n );\n };\n return renderInnerNode();\n };\n\n return SvgIcon;\n}(_react.Component);\n\n;\n\nSvgIcon.propTypes = propTypes;\nSvgIcon.defaultProps = defaultProps;\nexports[\"default\"] = SvgIcon;\nmodule.exports = exports['default'];\n\n/***/ }),\n/* 1054 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n!function (i) {\n var h,\n l = '',\n a = (h = document.getElementsByTagName(\"script\"))[h.length - 1].getAttribute(\"data-injectcss\");if (a && !i.__iconfont__svg__cssinject__) {\n i.__iconfont__svg__cssinject__ = !0;try {\n document.write(\"\");\n } catch (h) {\n console && console.log(h);\n }\n }!function (h) {\n if (document.addEventListener) {\n if (~[\"complete\", \"loaded\", \"interactive\"].indexOf(document.readyState)) setTimeout(h, 0);else {\n var a = function a() {\n document.removeEventListener(\"DOMContentLoaded\", a, !1), h();\n };document.addEventListener(\"DOMContentLoaded\", a, !1);\n }\n } else document.attachEvent && (t = h, F = i.document, p = !1, (_c = function c() {\n try {\n F.documentElement.doScroll(\"left\");\n } catch (h) {\n return void setTimeout(_c, 50);\n }l();\n })(), F.onreadystatechange = function () {\n \"complete\" == F.readyState && (F.onreadystatechange = null, l());\n });function l() {\n p || (p = !0, t());\n }var t, F, p, _c;\n }(function () {\n var h, a;(h = document.createElement(\"div\")).innerHTML = l, l = null, (a = h.getElementsByTagName(\"svg\")[0]) && (a.setAttribute(\"aria-hidden\", \"true\"), a.style.position = \"absolute\", a.style.width = 0, a.style.height = 0, a.style.overflow = \"hidden\", function (h, a) {\n a.firstChild ? function (h, a) {\n a.parentNode.insertBefore(h, a);\n }(h, a.firstChild) : a.appendChild(h);\n }(a, document.body));\n });\n}(window);\n\n/***/ })\n/******/ ]);\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/tinper-bee/build/tinper-bee.js\n// module id = 608\n// module chunks = 0","import React, { Component } from \"react\";\nimport PropTypes from 'prop-types';\nimport {ObjectAssign} from './util';\n/**\n * 参数: 过滤表头\n * @param {*} Table\n * @param {*} Checkbox\n * @param {*} Popover\n * @param {*} Icon\n */\n\nexport default function multiSelect(Table, Checkbox) {\n\n return class MultiSelect extends Component {\n static propTypes = {\n autoCheckedByClickRows: PropTypes.bool, //行点击时，是否自动勾选复选框\n };\n static defaultProps = {\n prefixCls: \"u-table-mult-select\",\n getSelectedDataFunc:()=>{},\n autoSelect: false,\n autoCheckedByClickRows: true,\n multiSelectConfig: {}\n }\n\n constructor(props) {\n super(props);\n let obj = this.getCheckedOrIndeter(props.data);\n this.state = {\n ...obj,\n data:ObjectAssign(props.data),\n }\n }\n\n componentWillReceiveProps(nextProps){\n if('data' in nextProps){\n let obj = this.getCheckedOrIndeter(nextProps.data);\n this.setState({\n ...obj,\n data:ObjectAssign(nextProps.data),\n })\n }\n }\n\n /**\n * @param {*} data \n */\n getCheckedOrIndeter(data){\n let obj = {};\n let checkStatus = this.checkAllSelected(data);\n if(!checkStatus){\n obj.checkedAll = false;\n obj.indeterminate = false;\n return obj;\n }\n if(checkStatus == 'indeter'){\n obj.indeterminate = true;\n obj.checkedAll = false;\n }else if(checkStatus == 'all'){\n obj.checkedAll = true;\n obj.indeterminate = false;\n }\n return obj;\n }\n\n /**\n * 判断数据是否全部选中\n * @param {*} data \n * return string all(全选)、indeter(半选)\n */\n setChecked(data){\n if(!this.isArray(data))return false;\n if(data.length == 0)return false;\n let count = 0;\n let disabledCount = 0;\n data.forEach(da=>{\n if(da._checked && !da._disabled){\n count ++;\n }\n if(da._disabled){\n disabledCount ++;\n }\n })\n\n if(data.length == count + disabledCount && count>0){\n return \"all\";\n }\n return count == 0?false:\"indeter\";\n }\n\n /**\n * 重写：判断数据是否全部选中\n */\n checkAllSelected = ( data ) => {\n if(!this.isArray(data))return false;\n if(data.length == 0)return false;\n let count = 0;\n let disabledCount = 0;\n let length = 0;\n let getTree = ( arr ) => {\n arr.forEach( item => {\n length++;\n if(item._checked && !item._disabled){\n count ++;\n }\n else if(item._disabled){\n disabledCount ++;\n }\n if(item.children){\n getTree(item.children);\n }\n })\n }\n getTree(data);\n if(length == count + disabledCount && count>0){\n return \"all\";\n }\n return count == 0?false:\"indeter\";\n }\n\n /**\n * 判断是否是数组\n * @param {*} o \n */\n isArray(o){\n return Object.prototype.toString.call(o)=='[object Array]';\n }\n\n\n onAllCheckChange=()=>{\n let {data,checkedAll,indeterminate} = this.state;\n let check = false;\n if(checkedAll){\n check = false;\n }else{\n check = true;\n }\n let selectList = [];\n \n data.forEach(item => {\n if( item.children ){\n let res = this.setTree(item,check, true);\n selectList = selectList.concat(res);\n }\n else {\n if(!item._disabled){\n item._checked = check;\n }\n \n if(item._checked){\n selectList.push(item);\n }\n }\n });\n if(selectList.length > 0){\n indeterminate = true;\n }else{\n indeterminate = false;\n }\n this.setState({\n indeterminate:indeterminate,\n checkedAll:check\n });\n this.props.getSelectedDataFunc(selectList,undefined,undefined,data);\n }\n\n /**\n * 遍历树节点和它的子孙节点，设置_checked\n */\n setTree = ( node, flag, autoSelect) => {\n let res = [];\n let setTreeNodeFlag = ( node, flag) => {\n if(!node._disabled){\n node._checked = flag;\n }\n if(flag){\n res.push(node);\n }\n if(node.children && autoSelect){\n node.children.forEach( item => {\n setTreeNodeFlag(item, flag);\n })\n }\n }\n setTreeNodeFlag(node, flag);\n return res;\n }\n\n /**\n * 遍历树节点和它的子孙节点，获取对应状态的节点数组\n */\n getTree = ( node, key, value ) => {\n let res = [];\n let getTreeNodeByFlag = ( node) => {\n if(node[key] === value){\n res.push(node);\n }\n if(node.children){\n node.children.forEach( item => {\n getTreeNodeByFlag(item);\n })\n }\n }\n getTreeNodeByFlag(node);\n return res;\n }\n \n onCheckboxChange = (text, record, index) => () => {\n let {data} = this.state;\n let selectList = [];\n // record._checked = record._checked?false:true;\n let flag = record._checked ? false : true;\n if (record.children) {\n this.setTree(record, flag, this.props.autoSelect);\n }\n else {\n record._checked = flag;\n }\n let obj = this.getCheckedOrIndeter(data);\n this.setState({\n data:data,\n ...obj\n })\n data.forEach((da)=>{\n if(da.children){\n selectList = selectList.concat(this.getTree(da,'_checked',true))\n }\n else if(da._checked){\n selectList.push(da);\n }\n })\n this.props.getSelectedDataFunc(selectList,record,index,data);\n };\n\n \n\n getDefaultColumns=(columns)=>{\n let {multiSelectConfig} = this.props;\n let {checkedAll,indeterminate} = this.state;\n let checkAttr = {checked:checkedAll?true:false};\n const data = this.props.data;\n const dataLength = data.length;\n let disabledCount = 0;\n indeterminate?checkAttr.indeterminate = true:\"\";\n //设置\b表头Checkbox是否可以点击\n data.forEach((item,index,arr)=>{\n if(item._disabled){\n disabledCount++;\n }\n })\n\n let _defaultColumns =[{\n className: 'u-table-multiSelect-column',\n title: (\n \n ),\n key: \"checkbox\",\n dataIndex: \"checkbox\",\n fixed:\"left\",\n width: 49, \n render: (text, record, index) => {\n let attr = {};\n record._disabled?attr.disabled = record._disabled:\"\";\n return \n }\n }]\n return _defaultColumns.concat(columns);\n }\n\n // 实现行点击时触发多选框勾选的需求\n onRowClick = (record,index,event) =>{\n if(record._disabled) return;\n let { autoCheckedByClickRows, onRowClick } = this.props;\n if(autoCheckedByClickRows) {\n this.onCheckboxChange('',record, index)();\n }\n onRowClick && onRowClick(record,index,event);\n }\n\n render() {\n const {columns, expandIconColumnIndex} = this.props;\n const {data} = this.state;\n return \n }\n };\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/multiSelect.js","/*\n* 快速排序，按某个属性，或按“获取排序依据的函数”，来排序.\n* @method soryBy\n* @static\n* @param {array} arr 待处理数组\n* @param {string|function} prop 排序依据属性，获取\n* @param {boolean} desc 降序\n* @return {array} 返回排序后的新数组\n*/\n\nexport function sortBy(arr, prop, desc) { \n let props=[],\n ret=[],\n i=0,\n len=arr.length;\n if(typeof prop=='string') {\n for(; i {\n let _da = {};\n Object.assign(_da,da);\n tagObj.push(_da);\n });\n }else{\n Object.assign(tagObj,obj);\n }\n return tagObj;\n }\n\n\n \n\n\n// WEBPACK FOOTER //\n// ./src/lib/util.js","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { convertListToTree } from \"./utils\";\nconst defaultHeight = 30;\nconst rowDiff = 2; //行差值\nlet treeTypeIndex = 0;\nexport default function bigData(Table) {\n return class BigData extends Component {\n static defaultProps = {\n data: [],\n loadBuffer: 5,\n rowKey: \"key\",\n onExpand() {},\n scroll: {},\n currentIndex:-1,\n isTree:false\n };\n static propTypes = {\n loadBuffer: PropTypes.number\n };\n constructor(props) {\n super(props);\n this.state = {\n scrollLeft: 0,\n scrollTop: 0\n };\n const rowHeight = this.props.height ? this.props.height : defaultHeight;\n //默认显示25条，rowsInView根据定高算的。在非固定高下，这个只是一个大概的值。\n const scrollY = this.props.scroll.y ? parseInt(this.props.scroll.y) : 0;\n this.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : 20;\n this.currentIndex = 0;\n this.loadCount = props.loadBuffer\n ? this.rowsInView + props.loadBuffer * 2\n : 26; //一次加载多少数据\n this.cachedRowHeight = []; //缓存每行的高度\n this.cachedRowParentIndex = [];\n this.expandChildRowKeys = [];\n this.firstLevelKey = [];\n this.keys = [];\n this.lastScrollTop = 0;\n this.currentScrollTop = 0;\n this.startIndex = this.currentIndex; //数据开始位置\n this.endIndex = this.currentIndex + this.loadCount; //数据结束位置\n this.setRowHeight = this.setRowHeight.bind(this);\n this.setRowParentIndex = this.setRowParentIndex.bind(this);\n this.expandedRowKeys = props.expandedRowKeys || [];\n this.flatTreeKeysMap = {}; //树表，扁平结构数据的 Map 映射，方便获取各节点信息\n this.flatTreeData = []; //深度遍历处理后的data数组\n this.treeData = []; //树表的data数据\n }\n componentWillReceiveProps(nextProps) {\n const props = this.props;\n const {currentIndex ,data:newData, expandedRowKeys:newExpandedKeys} = nextProps;\n const _this = this,dataLen = newData.length;\n if (nextProps.scroll.y !== props.scroll.y) {\n const rowHeight = nextProps.height ? nextProps.height : defaultHeight;\n const scrollY = nextProps.scroll.y ? parseInt(nextProps.scroll.y) : 0;\n _this.rowsInView = scrollY ? Math.floor(scrollY / rowHeight) : 20;\n _this.loadCount = props.loadBuffer\n ? _this.rowsInView + props.loadBuffer * 2\n : 26; //一次加载多少数据\n _this.currentIndex = 0;\n _this.startIndex = _this.currentIndex; //数据开始位置\n _this.endIndex = _this.currentIndex + _this.loadCount; //数据结束位置\n \n }\n if('data' in nextProps){\n const isTreeType = nextProps.isTree ? true : _this.checkIsTreeType(newData);\n _this.treeType = isTreeType;\n //fix: 滚动加载场景中,数据动态改变下占位计算错误的问题(26 Jun)\n if (newData.toString() !== props.data.toString()) {\n _this.cachedRowHeight = []; //缓存每行的高度\n _this.cachedRowParentIndex = [];\n _this.computeCachedRowParentIndex(newData);\n // fix：切换数据源，startIndex、endIndex错误\n _this.currentIndex = 0;\n _this.startIndex = _this.currentIndex; //数据开始位置\n _this.endIndex = _this.currentIndex + _this.loadCount; \n }\n _this.treeData = [];\n _this.flatTreeData = [];\n if(newData.length>0){\n _this.endIndex = _this.currentIndex - nextProps.loadBuffer + _this.loadCount; //数据结束位置\n }\n if(isTreeType){\n _this.getTreeData(newExpandedKeys, newData);\n }\n }\n //如果传currentIndex，会判断该条数据是否在可视区域，如果没有的话，则重新计算startIndex和endIndex\n if(currentIndex!==-1 && currentIndex !== this.currentIndex){\n _this.setStartAndEndIndex(currentIndex,dataLen);\n }\n }\n\n componentWillMount() {\n const { data,isTree } = this.props;\n const isTreeType = isTree?true:this.checkIsTreeType();\n //设置data中每个元素的parentIndex\n this.computeCachedRowParentIndex(data);\n //如果是树表，递归data\n if(isTreeType){\n this.treeType = isTreeType;\n this.getTreeData();\n } \n }\n\n /**\n * 如果是树形表，需要对传入的 data 进行处理\n * @param expandedKeys: nextProps 中传入的新 expandedRowKeys 属性值\n * @param newData: nextProps 中传入的新 data 属性值\n */\n getTreeData = (expandedKeys, newData) => {\n let { startIndex, endIndex } = this; \n const data = newData ? newData : this.props.data;\n this.cacheExpandedKeys = expandedKeys && new Set(expandedKeys);\n // 深递归 data，截取可视区 data 数组，再将扁平结构转换成嵌套结构\n let sliceTreeList = [];\n let flatTreeData = this.deepTraversal(data);\n this.flatTreeData = flatTreeData;\n sliceTreeList = flatTreeData.slice(startIndex, endIndex);\n this.handleTreeListChange(sliceTreeList);\n\n this.cacheExpandedKeys = expandedKeys && null;\n }\n\n /**\n * 深度遍历树形 data，把数据拍平，变为一维数组\n * @param {*} data \n * @param {*} parentKey 标识父节点\n */\n deepTraversal = (treeData, parentKey=null) => {\n const _this = this;\n let {cacheExpandedKeys, expandedRowKeys = [], flatTreeKeysMap} = _this,\n expandedKeysSet = cacheExpandedKeys ? cacheExpandedKeys : new Set(expandedRowKeys),\n flatTreeData = [],\n dataCopy = treeData;\n if(Array.isArray(dataCopy)){\n for (let i=0, l=dataCopy.length; i 0) ? false : true,\n //如果父节点是收起状态，则子节点的展开状态无意义。（一级节点或根节点直接判断自身状态即可）\n isExpanded = (parentKey === null || expandedKeysSet.has(parentKey)) ? expandedKeysSet.has(key) : false;\n dataCopyI = Object.assign(dataCopyI,{\n key,\n isExpanded,\n parentKey : parentKey,\n _isLeaf,\n index: flatTreeData.length\n },{...props});\n\n flatTreeData.push(dataCopyI); // 取每项数据放入一个新数组\n flatTreeKeysMap[key] = dataCopyI;\n\n // 优化递归逻辑，如果当前节点是收起状态，则不遍历其子节点\n if (Array.isArray(children) && children.length > 0 && isExpanded){\n flatTreeData = flatTreeData.concat(this.deepTraversal(children, key));\n }\n }\n }\n return flatTreeData;\n }\n\n /**\n * 将截取后的 List 数组转换为 Tree 结构，并更新 state\n */\n handleTreeListChange = (treeList, startIndex, endIndex) => {\n // 属性配置设置\n let attr = {\n id: 'key',\n parendId: 'parentKey',\n rootId: null,\n _isLeaf: '_isLeaf'\n };\n let treeData = convertListToTree(treeList, attr, this.flatTreeKeysMap);\n\n this.startIndex = typeof(startIndex) !== \"undefined\" ? startIndex : this.startIndex;\n this.endIndex = typeof(endIndex) !== \"undefined\" ? endIndex : this.endIndex;\n\n this.treeData = treeData;\n }\n\n /**\n *设置data中每个元素的parentIndex\n *\n */\n computeCachedRowParentIndex = data => {\n const {isTree} = this.props;\n const isTreeType = isTree?true:this.checkIsTreeType();\n treeTypeIndex=0;\n if (isTreeType) {\n data.forEach((item, index) => {\n this.firstLevelKey[index] = this.getRowKey(item, index);\n this.cachedRowParentIndex[treeTypeIndex] = index;\n //保存所有的keys跟小标对应起来\n this.keys[treeTypeIndex] = this.getRowKey(item, index);\n treeTypeIndex++;\n if (item.children) {\n this.getData(item.children, index);\n }\n });\n }\n };\n\n setStartAndEndIndex(currentIndex,dataLen){\n const _this = this;\n if(currentIndex > _this.currentIndex + _this.rowsInView){\n _this.currentIndex = currentIndex;\n _this.endIndex = _this.currentIndex; //数据开始位置\n _this.startIndex = _this.currentIndex - _this.loadCount; //数据结束位置\n if(_this.endIndex > dataLen){\n _this.endIndex = dataLen;\n }\n if(_this.startIndex < 0){\n _this.startIndex = 0;\n }\n //重新设定scrollTop值\n _this.scrollTop = _this.getSumHeight(0, _this.endIndex - _this.rowsInView +2);\n }else if(currentIndex < _this.currentIndex){\n _this.currentIndex = currentIndex;\n _this.startIndex = currentIndex;\n _this.endIndex = currentIndex + _this.loadCount;\n if(_this.endIndex > dataLen){\n _this.endIndex = dataLen;\n }\n if(_this.startIndex < 0){\n _this.startIndex = 0;\n }\n //重新设定scrollTop值\n _this.scrollTop = _this.getSumHeight(0, _this.startIndex);\n }\n \n }\n\n getRowKey(record, index) {\n const rowKey = this.props.rowKey;\n const key =\n typeof rowKey === \"function\" ? rowKey(record, index) : record[rowKey];\n\n return key;\n }\n /**\n *判断是否是树形结构\n *\n */\n checkIsTreeType(newData) {\n const data = newData ? newData : this.props.data;\n let rs = false;\n const len = data.length > 30 ? 30 : data.length;\n //取前三十个看看是否有children属性，有则为树形结构\n for (let i = 0; i < len; i++) {\n if (data[i].children) {\n rs = true;\n break;\n }\n }\n return rs;\n }\n getData(data, parentIndex) {\n data.forEach((subItem, subIndex) => {\n this.cachedRowParentIndex[treeTypeIndex] = parentIndex;\n this.keys[treeTypeIndex] = this.getRowKey(subItem, subIndex);\n treeTypeIndex++;\n if (subItem.children) {\n this.getData(subItem.children, parentIndex);\n }\n });\n }\n componentWillUnmount() {\n this.cachedRowHeight = [];\n this.cachedRowParentIndex = [];\n }\n /**\n *获取数据区高度\n *\n *\n **/\n getContentHeight() {\n if (!this.props.data) return 0;\n return this.getSumHeight(0, this.props.data.length);\n }\n\n getSumHeight(start, end) {\n const { height } = this.props;\n let rowHeight = height ? height : defaultHeight;\n let sumHeight = 0,\n currentKey,\n currentRowHeight = rowHeight;\n\n for (let i = start; i < end; i++) {\n if (this.cachedRowHeight[i] == undefined) {\n if (this.treeType) {\n // currentKey = this.keys[i];\n currentKey = this.flatTreeData[i].key;\n currentRowHeight = 0;\n if (\n this.flatTreeKeysMap.hasOwnProperty(currentKey)\n ) {\n currentRowHeight = rowHeight;\n }\n }\n sumHeight += currentRowHeight;\n } else {\n sumHeight += this.cachedRowHeight[i];\n }\n }\n return sumHeight;\n }\n\n /**\n *@description 根据返回的scrollTop计算当前的索引。此处做了两次缓存一个是根据上一次的currentIndex计算当前currentIndex。另一个是根据当前内容区的数据是否在缓存中如果在则不重新render页面\n *@param 最新一次滚动的scrollTop\n *@param treeType是否是树状表\n *@param callback表体滚动过程中触发的回调\n */\n handleScrollY = (nextScrollTop, treeType, callback) => {\n //树表逻辑\n // 关键点是动态的获取startIndex和endIndex\n // 法子一：子节点也看成普通tr，最开始需要设置一共有多少行，哪行显示哪行不显示如何确定\n // 动态取start = current+buffer对应的父节点、end = start+loadCount+row的height为0的行数 展开节点的下一个节点作为end值，\n const _this = this;\n const { data, height, scroll = {}, loadBuffer } = _this.props;\n const rowHeight = height ? height : defaultHeight;\n const {\n currentIndex = 0,\n loadCount,\n scrollTop,\n currentScrollTop,\n flatTreeData\n } = _this;\n let { endIndex, startIndex } = _this;\n const { needRender } = _this.state;\n _this.scrollTop = nextScrollTop;\n const viewHeight = parseInt(scroll.y);\n _this.treeType = treeType;\n let index = 0;\n let temp = nextScrollTop;\n let currentKey;\n while (temp > 0) {\n let currentRowHeight = this.cachedRowHeight[index];\n if (currentRowHeight === undefined) {\n if (this.treeType) {\n // currentKey = this.keys[index];\n currentKey = this.flatTreeData[index].key;\n currentRowHeight = 0;\n if (\n this.flatTreeKeysMap.hasOwnProperty(currentKey)\n ) {\n currentRowHeight = rowHeight;\n }\n } else {\n currentRowHeight = rowHeight;\n }\n }\n temp -= currentRowHeight;\n if (temp > 0) {\n index += 1;\n }\n }\n // console.log('currentIndex****',index);\n const isOrder = index - currentIndex > 0 ? true : false;\n if (index < 0) index = 0;\n //如果之前的索引和下一次的不一样则重置索引和滚动的位置\n if (currentIndex !== index) {\n _this.currentIndex = index;\n let rowsInView = 0; //可视区域显示多少行\n let rowsHeight = 0; //可视区域内容高度\n let tempIndex = index;\n //如果可视区域中需要展示的数据已经在缓存中则不重现render。\n if (viewHeight) {\n //有时滚动过快时this.cachedRowHeight[rowsInView + index]为undifined\n\n while (\n rowsHeight < viewHeight &&\n tempIndex < this.cachedRowHeight.length\n ) {\n if (this.cachedRowHeight[tempIndex]) {\n rowsHeight += this.cachedRowHeight[tempIndex];\n // if (\n // (treeType &&\n // _this.cachedRowParentIndex[tempIndex] !== tempIndex) ||\n // !treeType\n // ) {\n rowsInView++;\n // }\n }\n tempIndex++;\n }\n // if (treeType) {\n // const treeIndex = index;\n // index = _this.cachedRowParentIndex[treeIndex];\n // if (index === undefined) {\n // // console.log('index is undefined********'+treeIndex);\n // index = this.getParentIndex(treeIndex);\n // // console.log(\"getParentIndex****\"+index);\n // }\n // }\n // console.log('parentIndex*********',index);\n // 如果rowsInView 小于 缓存的数据则重新render\n // 向下滚动 下临界值超出缓存的endIndex则重新渲染\n if (rowsInView + index > endIndex - rowDiff && isOrder) {\n startIndex = index - loadBuffer > 0 ? index - loadBuffer : 0;\n // endIndex = startIndex + rowsInView + loadBuffer*2;\n endIndex = startIndex + loadCount;\n if (treeType && endIndex > flatTreeData.length || !treeType && endIndex > data.length) {\n endIndex = treeType ? flatTreeData.length : data.length;\n }\n if (endIndex > this.endIndex ) {\n this.startIndex = startIndex;\n this.endIndex = endIndex;\n if(treeType) {\n this.handleTreeListChange(flatTreeData.slice(startIndex,endIndex), startIndex, endIndex)\n }\n this.setState({ needRender: !needRender });\n callback(parseInt(currentIndex + rowsInView));\n }\n }\n // 向上滚动，当前的index是否已经加载（currentIndex），若干上临界值小于startIndex则重新渲染\n if (!isOrder && index < startIndex + rowDiff) {\n startIndex = index - loadBuffer;\n if (startIndex < 0) {\n startIndex = 0;\n }\n if (startIndex < this.startIndex) {\n this.startIndex = startIndex;\n this.endIndex = this.startIndex + loadCount;\n if(treeType) {\n this.handleTreeListChange(flatTreeData.slice(startIndex,this.endIndex), startIndex, this.endIndex)\n }\n this.setState({ needRender: !needRender });\n callback(parseInt(currentIndex + rowsInView));\n }\n // console.log(\n // \"**index**\" + index,\n // \"**startIndex**\" + this.startIndex,\n // \"**endIndex**\" + this.endIndex\n // );\n }\n }\n }\n };\n\n setRowHeight(height, index) {\n this.cachedRowHeight[index] = height;\n }\n setRowParentIndex(parentIndex, index) {\n // this.cachedRowParentIndex[index] = parentIndex;\n }\n /**\n *\n *根据当前行号获取该行的父节点行号\n * @param {*} currentIndex 当前行号\n */\n getParentIndex(targetIndex) {\n const { data } = this.props;\n let parentIndex = -1;\n parentIndex = this.getIndex(data, -1, targetIndex);\n if (parentIndex < 0) {\n //小于0说明没有展开的子节点\n parentIndex = targetIndex;\n }\n return parentIndex;\n }\n getIndex(data, index, targetIndex) {\n const parentIndex = index;\n for (let i = 0; i < data.length; i++) {\n index++;\n if (targetIndex <= index) {\n break;\n }\n if (data[i].children) {\n this.getIndex(data[i].children, index, targetIndex);\n }\n }\n return parentIndex;\n }\n\n onExpand = (expandState, record,index) => {\n const _this = this;\n let {expandedRowKeys = []} = _this;\n const {needRender} = _this.state;\n const { data } = _this.props;\n const rowKey = _this.getRowKey(record, index);\n // 记录展开子表行的key\n // 展开\n if( record.children){\n if (expandState) {\n record.children.forEach((item, index) => {\n _this.expandChildRowKeys.push(rowKey);\n });\n \n } else {\n // 收起\n record.children.forEach((item, index) => {\n _this.expandChildRowKeys.splice(\n _this.expandChildRowKeys.findIndex(\n fitem => fitem.key === item.key\n ),\n 1\n );\n });\n }\n }\n //滚动加载expandedRowKeys自己维护，否则有展开不全的问题\n if(!_this.props.expandedRowKeys){\n if(expandState){\n expandedRowKeys.push(rowKey);\n this.setState({ needRender: !needRender });\n }else{\n let index = -1;\n expandedRowKeys.forEach((r, i) => {\n if (r === rowKey) {\n index = i;\n }\n });\n if (index !== -1) {\n expandedRowKeys.splice(index, 1);\n this.setState({ needRender: !needRender });\n }\n }\n }\n \n // expandState为true时，记录下\n _this.props.onExpand(expandState, record);\n\n if(this.treeType) {\n //收起和展开时，缓存 expandedKeys\n _this.cacheExpandedKeys = new Set(expandedRowKeys);\n //重新递归数据\n let flatTreeData = _this.deepTraversal(data);\n let sliceTreeList = flatTreeData.slice(_this.startIndex, _this.endIndex);\n _this.flatTreeData = flatTreeData;\n _this.handleTreeListChange(sliceTreeList);\n _this.cacheExpandedKeys = null;\n }\n };\n\n \n render() {\n const { data } = this.props;\n const { scrollTop } = this;\n let { endIndex, startIndex, treeData, treeType, flatTreeData } = this;\n let expandedRowKeys = this.props.expandedRowKeys?this.props.expandedRowKeys: this.expandedRowKeys;\n if(startIndex < 0){\n startIndex = 0;\n }\n if(endIndex < 0 ){\n endIndex = 0;\n }\n if (treeType && endIndex > flatTreeData.length || !treeType && endIndex > data.length) {\n endIndex = treeType ? flatTreeData.length : data.length;\n }\n const lazyLoad = {\n startIndex: startIndex,\n endIndex:endIndex,\n startParentIndex: startIndex //为树状节点做准备\n };\n if (treeType) {\n lazyLoad.preHeight = this.getSumHeight(0, startIndex);\n lazyLoad.sufHeight = this.getSumHeight(endIndex, flatTreeData.length);\n } else {\n lazyLoad.preHeight = this.getSumHeight(0, startIndex);\n lazyLoad.sufHeight = this.getSumHeight(endIndex, data.length);\n }\n // console.log('*******expandedRowKeys*****'+expandedRowKeys);\n const dataSource = (treeType && Array.isArray(treeData) && treeData.length > 0) ? treeData : data.slice(startIndex, endIndex);\n return (\n \n );\n }\n };\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/bigData.js","/**\n*\n* @title 嵌套子表格滚动加载\n* @parent 无限滚动 Infinite-scroll\n* @description 通过expandedRowRender参数来实现子表格。注意：表格行数据必须有唯一标识，可以通过 `data.key` 或 `rowKey` 两种方式传入。\n* demo1402\n*/\n\nimport React, { Component } from \"react\";\nimport {Popconfirm} from 'tinper-bee';\nimport Table from \"../../src\";\nimport BigData from \"../../src/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\nexport default Demo31;\n\n\n\n// WEBPACK FOOTER //\n// ./demo/demolist/Demo1402.js"],"sourceRoot":""}
\ No newline at end of file
diff --git a/package.json b/package.json
index 80d22c1..d1760bc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "bee-table",
- "version": "2.2.46",
+ "version": "2.2.47",
"description": "Table ui component for react",
"keywords": [
"react",
diff --git a/src/Table.js b/src/Table.js
index e134e60..c55b4ba 100644
--- a/src/Table.js
+++ b/src/Table.js
@@ -783,6 +783,8 @@ class Table extends Component {
if(rootIndex ==-1){
index = i+lazyParentIndex
}
+ console.log('preHeight',props.preHeight)
+ console.log('height: ',height)
rst.push(
{
+ let tdPaddingTop = this.getStyle(td,'paddingTop'),tdPaddingBottom = this.getStyle(td,'paddingBottom'),
+ tdBorderTop = this.getStyle(td,'borderTopWidth'),tdBorderBottom = this.getStyle(td,'borderBottomWidth');
+ return Number(tdPaddingTop.replace('px',''))+Number(tdPaddingBottom.replace('px',''))+Number(tdBorderTop.replace('px',''))+Number(tdBorderBottom.replace('px',''))
+
+ }
syncFixedTableRowHeight() {
//this.props.height、headerHeight分别为用户传入的行高和表头高度，如果有值，所有行的高度都是固定的，主要为了避免在千行数据中有固定列时获取行高度有问题
@@ -1212,6 +1228,14 @@ class Table extends Component {
expandedRows.length > 0 && Array.prototype.forEach.call(expandedRows,row => {
let parentRowKey = row && row.previousSibling && row.previousSibling.getAttribute("data-row-key"),
height = row && row.getBoundingClientRect().height || 'auto';
+ try {//子表数据减少时，动态计算高度
+ let td = row.querySelector('td');
+ let tdPadding = this.getTdPadding(td);
+ let trueheight = row.querySelectorAll('.u-table')[0].getBoundingClientRect().height;
+ height = trueheight+tdPadding;
+ } catch (error) {
+
+ }
fixedColumnsExpandedRowsHeight[parentRowKey] = height;
})
if (shallowequal(this.state.fixedColumnsHeadRowsHeight, fixedColumnsHeadRowsHeight) &&