easy3wui 1.5.7 → 1.5.8-2.beta

package/lib/Easy3wGridPage/indexPC.js

@@ -0,0 +1,668 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _table = require('antd/lib/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+require('antd/lib/table/style');
+
+var _tag = require('antd/lib/tag');
+
+var _tag2 = _interopRequireDefault(_tag);
+
+require('antd/lib/tag/style');
+
+require('antd/lib/card/style');
+
+var _alert = require('antd/lib/alert');
+
+var _alert2 = _interopRequireDefault(_alert);
+
+require('antd/lib/alert/style');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+require('antd/lib/tooltip/style');
+
+var _numeral = require('numeral');
+
+var _numeral2 = _interopRequireDefault(_numeral);
+
+var _dva = require('dva');
+
+var _easy3wui = require('easy3wui');
+
+var _comonConfig = require('comonConfigPath/comonConfig');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wGridPagePC = function (_Component) {
+  (0, _inherits3['default'])(Easy3wGridPagePC, _Component);
+
+  function Easy3wGridPagePC(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wGridPagePC);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var _this$props = _this.props,
+        selectedVal = _this$props.selectedVal,
+        selectedKey = _this$props.selectedKey,
+        rowKey = _this$props.rowKey,
+        rowKeyCname = _this$props.rowKeyCname;
+
+    var selRowKeysTags = [];
+    if (selectedVal) {
+      selectedVal.forEach(function (obj) {
+        selRowKeysTags.push(_react2['default'].createElement(
+          _tag2['default'],
+          { key: obj[rowKey], closable: true, afterClose: function afterClose() {
+              return _this.onCloseTag(obj[rowKey]);
+            } },
+          obj[rowKeyCname]
+        ));
+      });
+    }
+    _this.state = {
+      selectedRowKeysState: selectedKey || [],
+      selectedRowsState: selectedVal || [],
+      selRowKeysTags: selRowKeysTags,
+      pagination: { offset: 1, limit: 10 }
+    };
+    _this.myRef = (0, _react.createRef)(); // 创建 ref
+    return _this;
+  }
+
+  Easy3wGridPagePC.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    if (nextProps.cleanFlag === '1') {
+      this.delAll();
+    }
+  };
+
+  Easy3wGridPagePC.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var that = this;
+    if (this.props.totalResult && this.props.totalResult !== prevProps.totalResult) {
+      that.setState({ pagination: { offset: 1, limit: 10 } });
+    }
+  };
+
+  Easy3wGridPagePC.prototype.render = function render() {
+    var _this2 = this;
+
+    var _props = this.props,
+        columns = _props.columns,
+        totalResult = _props.totalResult,
+        dataList = _props.dataList,
+        loading = _props.loading,
+        getCheckboxProps = _props.getCheckboxProps,
+        needPaginationFlag = _props.needPaginationFlag,
+        autoAddNumber = _props.autoAddNumber,
+        gridProps = _props.gridProps,
+        rowKey = _props.rowKey,
+        checkType = _props.checkType,
+        bordered = _props.bordered,
+        chooseFlag = _props.chooseFlag,
+        scroll = _props.scroll,
+        className = _props.className,
+        paginationInfo = _props.paginationInfo,
+        handleSearchNew = _props.handleSearchNew;
+    var _state = this.state,
+        selectedRowKeysState = _state.selectedRowKeysState,
+        selectedRowsState = _state.selectedRowsState,
+        selRowKeysTags = _state.selRowKeysTags;
+
+    var printArr = location.hash.split('/');
+    var printValue = this.props.printValue || 'print';
+    var printFlag = printArr[1] === printValue;
+    var hasFormParentClass = this.myRef.current && this.myRef.current.closest('.e3wFormPageWrap'); // 是否处于表单页面
+    var paginationProps = false; // 默认不分页
+    var recursion = function recursion(arr) {
+      arr.forEach(function (item) {
+        var columnsType = item.type;
+        // const { title } = item;
+        // if (!(printFlag || hasFormParentClass) && title && typeof title === 'string' && title.length > 6) {
+        //   item.title = <Tooltip placement="topLeft" title={title}>{title.substring(0, 6)}...</Tooltip>;
+        // }
+        switch (columnsType) {
+          case 'shortText':
+            item.className = 'e3wGridShortText';break;
+          case 'longText':
+            item.className = 'e3wGridLongText';break;
+          case 'number':
+            item.className = 'e3wGridNumber';break;
+          case 'maxText':
+            item.className = 'e3wMaxText';break;
+          case 'numeralFormat':
+            item.className = 'e3wGridNumber';break;
+          default:
+            item.className = 'e3wGridShortText';
+            break;
+        }
+        if (item.children) {
+          recursion(item.children);
+        }
+      });
+    };
+    var recursionT = function recursionT(arr) {
+      arr.forEach(function (item) {
+        if (!item.render) {
+          item.render = function (text) {
+            var globalData = _this2.props.globalData;
+
+            var _ref = globalData || {},
+                dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
+
+            var strTextNew = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? text : (0, _easy3wui.Easy3wGetDesensitization)(text) : text;
+            if (strTextNew && strTextNew.length * 14 > 160) {
+              return _react2['default'].createElement(
+                _tooltip2['default'],
+                { placement: 'topLeft', title: strTextNew, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                strTextNew
+              );
+            } else {
+              return strTextNew;
+            }
+          };
+          if (item.type === 'numeralFormat') {
+            item.render = function (text) {
+              return _react2['default'].createElement(
+                _tooltip2['default'],
+                { placement: 'topLeft', title: _this2.numeralFormat(text), style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                _this2.numeralFormat(text)
+              );
+            };
+          }
+        }if (item.fixed) {
+          item.className = 'e3wText';
+          item.minWidth = 5;
+        }
+        if (item.children) {
+          recursionT(item.children);
+        }
+      });
+    };
+    recursion(columns);
+    if (dataList) {
+      if (dataList.length > 0) {
+        recursionT(columns);
+      }
+    }
+    var rowSelection = null;
+    if (checkType) {
+      // 若需选择框
+      rowSelection = {
+        hideDefaultSelections: true, // 去掉『全选』『反选』两个默认选项
+        key: rowKey,
+        type: checkType,
+        getCheckboxProps: getCheckboxProps,
+        selectedRowKeys: selectedRowKeysState,
+        selectedRows: selectedRowsState,
+        onSelect: function onSelect(record, selected) {
+          if (selected) {
+            _this2.selectedAdd([record]);
+          } else {
+            _this2.selectedRemove([record]);
+          }
+        },
+        onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
+          if (selected) {
+            _this2.selectedAdd(changeRows);
+          } else {
+            _this2.selectedRemove(changeRows);
+          }
+        }
+      };
+    }
+    var myColumns = columns;
+    // 处理分页 start
+    if (needPaginationFlag || handleSearchNew) {
+      var defaultCurrent = paginationInfo ? paginationInfo.offset : 1;
+      var defaultPageSize = paginationInfo ? paginationInfo.limit : 10;
+      var current = paginationInfo ? paginationInfo.offset : this.state.pagination.offset;
+      var limit = paginationInfo ? paginationInfo.limit : this.state.pagination.limit;
+      paginationProps = {
+        total: totalResult,
+        showTotal: function showTotal(total, range) {
+          return range[0] + '-' + range[1] + ' \u5171 ' + totalResult + ' \u6761';
+        },
+        defaultCurrent: defaultCurrent,
+        defaultPageSize: defaultPageSize,
+        current: current,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        pageSizeOptions: ['10', '20', '30', '40', '50', '100']
+      };
+      if (autoAddNumber) {
+        if (columns.length > 0) {
+          var fixed = columns[0].fixed;
+
+          myColumns = [{
+            title: '序号',
+            dataIndex: 'number',
+            className: 'e3wGridShortText',
+            width: 50,
+            fixed: fixed,
+            render: function render(text, record, index) {
+              return _react2['default'].createElement(
+                'div',
+                null,
+                (current - 1) * limit + index + 1,
+                ' '
+              );
+            }
+          }].concat(columns);
+        }
+      }
+    }
+    if (printFlag) {
+      myColumns.forEach(function (item) {
+        if (item.fixed) {
+          item.fixed = null;
+        }
+        item.width = null;
+      });
+    }
+    var alertRegionFlag = false;
+    if (selRowKeysTags && selRowKeysTags instanceof Array && selRowKeysTags.length) {
+      alertRegionFlag = true;
+    }
+    var alertRegion = _react2['default'].createElement(_alert2['default'], { message: _react2['default'].createElement(
+        'div',
+        { className: (0, _classnames2['default'])(['positionRel']) },
+        selRowKeysTags,
+        _react2['default'].createElement(
+          'a',
+          { onClick: this.delAll, className: (0, _classnames2['default'])(['positionAbs']) },
+          '\u6E05\u7A7A'
+        )
+      ), type: 'info' });
+
+    // console.log('父级是否有 .e3wFormPageWrap:', hasParentClass);
+    return _react2['default'].createElement(
+      'div',
+      { ref: this.myRef, className: gridProps || this.props.rowType ? gridProps.onRow || this.props.rowType ? 'onRow' : null : null },
+      _react2['default'].createElement(_table2['default'], (0, _extends3['default'])({
+        className: printFlag || hasFormParentClass ? 'scrollPrint' : className || 'scrollX',
+        columns: myColumns,
+        dataSource: dataList,
+        pagination: paginationProps,
+        loading: loading,
+        rowKey: rowKey,
+        rowSelection: rowSelection,
+        bordered: bordered,
+        scroll: printFlag ? {} : scroll || { x: true },
+        onChange: this.handleTableChange,
+        onRow: this.props.rowType ? function (record) {
+          return {
+            onClick: function onClick(event) {
+              return _this2.rowSelected(record, event);
+            } // 点击行
+          };
+        } : null
+      }, gridProps, {
+        locale: { emptyText: '暂无数据' }
+      })),
+      chooseFlag && alertRegionFlag ? alertRegion : ''
+    );
+  };
+
+  return Easy3wGridPagePC;
+}(_react.Component);
+
+Easy3wGridPagePC.propTypes = {
+  columns: _propTypes2['default'].array.isRequired,
+  bordered: _propTypes2['default'].bool
+};
+Easy3wGridPagePC.defaultProps = {
+  bordered: true
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this3 = this;
+
+  this.onCloseTag = function (closeKey) {
+    var _state2 = _this3.state,
+        selectedRowKeysState = _state2.selectedRowKeysState,
+        selectedRowsState = _state2.selectedRowsState;
+    var _props2 = _this3.props,
+        rowKey = _props2.rowKey,
+        rowKeyCname = _props2.rowKeyCname,
+        selectChangeCallback = _props2.selectChangeCallback,
+        chooseFlag = _props2.chooseFlag;
+
+    selectedRowKeysState.splice(selectedRowKeysState.findIndex(function (selectedRowKey) {
+      return selectedRowKey === closeKey;
+    }), 1);
+    selectedRowsState.splice(selectedRowsState.findIndex(function (selectedRow) {
+      return selectedRow[rowKey] === closeKey;
+    }), 1);
+    var newSelRowKeysTags = [];
+    if (chooseFlag) {
+      selectedRowsState.forEach(function (selectedRow) {
+        newSelRowKeysTags.push(_react2['default'].createElement(
+          _tag2['default'],
+          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+              return _this3.onCloseTag(selectedRow[rowKey]);
+            } },
+          selectedRow[rowKeyCname]
+        ));
+      });
+    }
+    _this3.setState({
+      selectedRowKeysState: selectedRowKeysState,
+      selectedRowsState: selectedRowsState,
+      selRowKeysTags: newSelRowKeysTags
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback(selectedRowKeysState, selectedRowsState);
+    }
+  };
+
+  this.onRowSelectedClose = function (selectedKey) {
+    var _state3 = _this3.state,
+        selectedRowKeysState = _state3.selectedRowKeysState,
+        selectedRowsState = _state3.selectedRowsState;
+
+    var selectedRowKeysStateArr = selectedRowKeysState;
+    var selectedRowsStateArr = selectedRowsState;
+    var _props3 = _this3.props,
+        rowKey = _props3.rowKey,
+        rowKeyCname = _props3.rowKeyCname,
+        selectChangeCallback = _props3.selectChangeCallback,
+        chooseFlag = _props3.chooseFlag;
+
+    var newSelRowKeysTags = [];
+    selectedRowKeysStateArr.splice(selectedRowKeysStateArr.findIndex(function (selectedRowKey) {
+      return selectedRowKey === selectedKey;
+    }), 1);
+    selectedRowsStateArr.splice(selectedRowsStateArr.findIndex(function (selectedRow) {
+      return selectedRow[rowKey] === selectedKey;
+    }), 1);
+    if (chooseFlag) {
+      selectedRowsStateArr.forEach(function (selectedRow) {
+        newSelRowKeysTags.push(_react2['default'].createElement(
+          _tag2['default'],
+          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+              return _this3.onRowSelectedClose(selectedRow[rowKey]);
+            } },
+          selectedRow[rowKeyCname]
+        ));
+      });
+    }
+    _this3.setState({
+      selectedRowKeysState: selectedRowKeysStateArr,
+      selectedRowsState: selectedRowsStateArr,
+      selRowKeysTags: newSelRowKeysTags
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback(selectedRowKeysStateArr, selectedRowsStateArr);
+    }
+  };
+
+  this.delAll = function () {
+    var selectChangeCallback = _this3.props.selectChangeCallback;
+
+    _this3.setState({
+      selectedRowKeysState: [],
+      selectedRowsState: [],
+      selRowKeysTags: []
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback([], []);
+    }
+  };
+
+  this.selectedAdd = function (addRows) {
+    var _state4 = _this3.state,
+        selectedRowKeysState = _state4.selectedRowKeysState,
+        selectedRowsState = _state4.selectedRowsState;
+    var _props4 = _this3.props,
+        rowKey = _props4.rowKey,
+        rowKeyCname = _props4.rowKeyCname,
+        selectChangeCallback = _props4.selectChangeCallback,
+        chooseFlag = _props4.chooseFlag,
+        checkType = _props4.checkType;
+
+    if (checkType === 'radio') {
+      selectedRowKeysState = [];
+      selectedRowsState = [];
+    }
+    addRows.forEach(function (addRow) {
+      selectedRowKeysState.push(addRow[rowKey]);
+      selectedRowsState.push(addRow);
+    });
+    var newSelRowKeysTags = [];
+    if (chooseFlag) {
+      selectedRowsState.forEach(function (selectedRow) {
+        newSelRowKeysTags.push(_react2['default'].createElement(
+          _tag2['default'],
+          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+              return _this3.onCloseTag(selectedRow[rowKey]);
+            } },
+          selectedRow[rowKeyCname]
+        ));
+      });
+    }
+    _this3.setState({
+      selectedRowKeysState: selectedRowKeysState,
+      selectedRowsState: selectedRowsState,
+      selRowKeysTags: newSelRowKeysTags
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback(selectedRowKeysState, selectedRowsState, true, addRows);
+    }
+  };
+
+  this.selectedRemove = function (removeRows) {
+    var _state5 = _this3.state,
+        selectedRowKeysState = _state5.selectedRowKeysState,
+        selectedRowsState = _state5.selectedRowsState;
+    var _props5 = _this3.props,
+        rowKey = _props5.rowKey,
+        rowKeyCname = _props5.rowKeyCname,
+        selectChangeCallback = _props5.selectChangeCallback,
+        chooseFlag = _props5.chooseFlag;
+
+    removeRows.forEach(function (removeRow) {
+      selectedRowKeysState.splice(selectedRowKeysState.findIndex(function (selectedRowKey) {
+        return selectedRowKey === removeRow[rowKey];
+      }), 1);
+      selectedRowsState.splice(selectedRowsState.findIndex(function (selectedRow) {
+        return selectedRow[rowKey] === removeRow[rowKey];
+      }), 1);
+    });
+    var newSelRowKeysTags = [];
+    if (chooseFlag) {
+      selectedRowsState.forEach(function (selectedRow) {
+        newSelRowKeysTags.push(_react2['default'].createElement(
+          _tag2['default'],
+          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+              return _this3.onCloseTag(selectedRow[rowKey]);
+            } },
+          selectedRow[rowKeyCname]
+        ));
+      });
+    }
+    _this3.setState({
+      selectedRowKeysState: selectedRowKeysState,
+      selectedRowsState: selectedRowsState,
+      selRowKeysTags: newSelRowKeysTags
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback(selectedRowKeysState, selectedRowsState, false, removeRows);
+    }
+  };
+
+  this.numeralFormat = function (text) {
+    var strText = text;
+    if (text === 0 || text === '0') {
+      return '0.00';
+    } else if (Number.isFinite(text)) {
+      // 有限值数字 用于检查一个数值是否是有限的。如果数值是有限数（即不是 Infinity、-Infinity 或 NaN），那么 Number.isFinite() 返回 true，否则返回 false。
+      strText = (0, _numeral2['default'])(text).format('0,0.00');
+    } else if (typeof text === 'string') {
+      // 字符串
+      if (/^\d+(\.\d+)?$/.test(text)) {
+        // 数字字符串
+        strText = (0, _numeral2['default'])(text).format('0,0.00');
+      } else {
+        strText = text;
+      }
+    } else {
+      strText = text;
+    }
+    // if (text || text === 0 || isNaN(text)) {
+    //   if (typeof text === 'string') {
+    //     if (/^\d+(\.\d+)?$/.test(text)) {
+    //       strText = numeral(text).format('0,0.00');
+    //     } else {
+    //       strText = text;
+    //     }
+    //   } else if (typeof text === 'number') {
+    //     if (Number.isInfinite(text) || isNaN(NaN)) {
+    //       strText = text;
+    //     } else {
+    //       strText = numeral(text).format('0,0.00');
+    //     }
+    //   }
+    // }
+    return strText;
+  };
+
+  this.rowSelected = function (record) {
+    var _state6 = _this3.state,
+        selectedRowKeysState = _state6.selectedRowKeysState,
+        selectedRowsState = _state6.selectedRowsState;
+
+    var selectedRowKeysStateArr = selectedRowKeysState;
+    var selectedRowsStateArr = selectedRowsState;
+    var _props6 = _this3.props,
+        rowKey = _props6.rowKey,
+        rowKeyCname = _props6.rowKeyCname,
+        selectChangeCallback = _props6.selectChangeCallback,
+        chooseFlag = _props6.chooseFlag;
+
+    var flag = false;
+    var newSelRowKeysTags = [];
+    selectedRowKeysState.forEach(function (item) {
+      if (item === record[rowKey]) {
+        flag = true;
+      }
+    });
+    if (flag) {
+      selectedRowKeysStateArr.splice(selectedRowKeysStateArr.findIndex(function (selectedRowKey) {
+        return selectedRowKey === record[rowKey];
+      }), 1);
+      selectedRowsStateArr.splice(selectedRowsStateArr.findIndex(function (selectedRow) {
+        return selectedRow[rowKey] === record[rowKey];
+      }), 1);
+      if (chooseFlag) {
+        selectedRowsStateArr.forEach(function (selectedRow) {
+          newSelRowKeysTags.push(_react2['default'].createElement(
+            _tag2['default'],
+            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+                return _this3.onRowSelectedClose(selectedRow[rowKey]);
+              } },
+            selectedRow[rowKeyCname]
+          ));
+        });
+      }
+    } else if (_this3.props.rowType === 'radio') {
+      selectedRowKeysStateArr = [];
+      selectedRowsStateArr = [];
+      selectedRowKeysStateArr.push(record[rowKey]);
+      selectedRowsStateArr.push(record);
+      if (chooseFlag) {
+        selectedRowsStateArr.forEach(function (selectedRow) {
+          newSelRowKeysTags.push(_react2['default'].createElement(
+            _tag2['default'],
+            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+                return _this3.onRowSelectedClose(selectedRow[rowKey]);
+              } },
+            selectedRow[rowKeyCname]
+          ));
+        });
+      }
+    } else {
+      selectedRowKeysStateArr.push(record[rowKey]);
+      selectedRowsStateArr.push(record);
+      if (chooseFlag) {
+        selectedRowsStateArr.forEach(function (selectedRow) {
+          newSelRowKeysTags.push(_react2['default'].createElement(
+            _tag2['default'],
+            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
+                return _this3.onRowSelectedClose(selectedRow[rowKey]);
+              } },
+            selectedRow[rowKeyCname]
+          ));
+        });
+      }
+    }
+    _this3.setState({
+      selectedRowKeysState: selectedRowKeysStateArr,
+      selectedRowsState: selectedRowsStateArr,
+      selRowKeysTags: newSelRowKeysTags
+    });
+    if (selectChangeCallback) {
+      selectChangeCallback(selectedRowKeysStateArr, selectedRowsStateArr);
+    }
+  };
+
+  this.handleTableChange = function (pagination) {
+    var _props7 = _this3.props,
+        selfDealPageChangeFunc = _props7.selfDealPageChangeFunc,
+        getSearchCondition = _props7.getSearchCondition,
+        handleSearch = _props7.handleSearch,
+        handleSearchNew = _props7.handleSearchNew;
+
+    var formVal = {};
+    if (getSearchCondition && typeof getSearchCondition === 'function') {
+      formVal = getSearchCondition();
+    }
+    var paginationInfo = { offset: pagination.current, limit: pagination.pageSize };
+    _this3.setState({ pagination: paginationInfo });
+    if (selfDealPageChangeFunc && typeof selfDealPageChangeFunc === 'function') {
+      selfDealPageChangeFunc(paginationInfo, formVal);
+    } else if (handleSearch && typeof handleSearch === 'function') {
+      handleSearch(paginationInfo, formVal);
+    } else if (handleSearchNew && typeof handleSearchNew === 'function') {
+      handleSearchNew(paginationInfo, formVal);
+    }
+  };
+};
+
+exports['default'] = Easy3wGridPagePC;
+module.exports = exports['default'];

package/lib/Easy3wGridSelect/index.js

@@ -61,7 +61,7 @@ var Easy3wGridSelect = function (_Component) {
     selectOpts = optionLst.map(function (opt) {
       return _react2['default'].createElement(
         Option,
-        { key: opt.value },
+        { key: opt.value, disabled: opt.disabled },
         opt.label
       );
     });
@@ -74,7 +74,9 @@ var Easy3wGridSelect = function (_Component) {
       })(_react2['default'].createElement(
         _select2['default'],
         (0, _extends3['default'])({
-          style: { minWidth: 100, width: '100%' }
+          style: { minWidth: 100, width: '100%' },
+          showSearch: true // 是否开启搜索
+          , optionFilterProp: 'children' // 搜索时过滤对应的 option 属性，如设置为 children 表示对内嵌内容进行搜索
         }, cmptPros),
         _react2['default'].createElement(
           Option,