easy3wui 1.5.70-beta2 → 1.5.70-beta3

package/assets/formPage.css

@@ -13,7 +13,9 @@
 .e3wFormPageWrap .e3wFormItem .ant-form-item {
   margin-bottom: 8px;
 }
-.e3wFormPageWrap .inputNumberFormat {
+.e3wFormPageWrap .inputNumberFormat,
+.e3wFormPageWrap .inputAmount,
+.e3wFormPageWrap .inputDigit {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
@@ -22,20 +24,24 @@
       flex-wrap: nowrap;
   line-height: 32px;
 }
-.e3wFormPageWrap .inputNumberFormat .addonBtns {
+.e3wFormPageWrap .inputNumberFormat .addonBtns,
+.e3wFormPageWrap .inputAmount .addonBtns,
+.e3wFormPageWrap .inputDigit .addonBtns {
   height: 32px;
   width: auto;
   border-left: none;
   border-right: 1px solid #d9d9d9;
 }
-.e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn {
+.e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputAmount .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
   margin: 0;
 }
 input.ant-input-number-input {
   text-align: right;
 }
 input.ant-input-number-input:hover {
-  padding-right: 22px;
+  padding-right: 33px;
 }
 .rightText {
   text-align: right;

package/assets/index.css

@@ -2404,7 +2404,9 @@ s {
 .e3wFormPageWrap .e3wFormItem .ant-form-item {
   margin-bottom: 8px;
 }
-.e3wFormPageWrap .inputNumberFormat {
+.e3wFormPageWrap .inputNumberFormat,
+.e3wFormPageWrap .inputAmount,
+.e3wFormPageWrap .inputDigit {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
@@ -2413,20 +2415,24 @@ s {
       flex-wrap: nowrap;
   line-height: 32px;
 }
-.e3wFormPageWrap .inputNumberFormat .addonBtns {
+.e3wFormPageWrap .inputNumberFormat .addonBtns,
+.e3wFormPageWrap .inputAmount .addonBtns,
+.e3wFormPageWrap .inputDigit .addonBtns {
   height: 32px;
   width: auto;
   border-left: none;
   border-right: 1px solid #d9d9d9;
 }
-.e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn {
+.e3wFormPageWrap .inputNumberFormat .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputAmount .inputNumberBtns .e3wFootBtn,
+.e3wFormPageWrap .inputDigit .inputNumberBtns .e3wFootBtn {
   margin: 0;
 }
 input.ant-input-number-input {
   text-align: right;
 }
 input.ant-input-number-input:hover {
-  padding-right: 22px;
+  padding-right: 33px;
 }
 .rightText {
   text-align: right;
@@ -2603,3 +2609,7 @@ input.ant-input-number-input:hover {
   border-style: solid;
   border-radius: 3px;
 }
+.easy3wTree .easy3wTreeSearch {
+  width: calc(88%);
+  margin: 0 6px;
+}

package/assets/tree.css

@@ -0,0 +1,4 @@
+.easy3wTree .easy3wTreeSearch {
+  width: calc(88%);
+  margin: 0 6px;
+}

package/lib/Easy3wFormPage/index.js

@@ -404,6 +404,10 @@ var Easy3wFormPage = function (_Component) {
         //   return this.inputNumberFormatHandler(itemNew);
         case 'numberInput':
           return _this.numberInputHandler(itemNew);
+        // case 'inputAmount':
+        //   return this.inputAmountHandler(itemNew);
+        // case 'inputDigit':
+        //   return this.inputDigitHandler(itemNew);
         case 'mention':
           return _this.mentionHandler(itemNew);
         case 'rate':
@@ -452,12 +456,35 @@ var Easy3wFormPage = function (_Component) {
 
       var value = item.value;
 
+      var _ref4 = cmptPros || {},
+          addonAfter = _ref4.addonAfter,
+          numeralFormat = _ref4.numeralFormat;
+      // numeralFormat 新组件(金额、数字)的格式化参数
+
+
       if (numberFormat) {
         return (0, _numeral2['default'])(value).format('0,0.00');
       }
       if (fieldType === 'numberInput' && value) {
         return (0, _numeral2['default'])(value).format('0,0.00');
       }
+      // if (fieldType === 'inputAmount' && value) { // 金额
+      //   let strValue = numeral(value).format(numeralFormat || '0,0.00');
+      //   if (allReadFlag || readFlag) {
+      //     // strValue = `${strValue}${addonAfter}`;
+      //     strValue = <span>{strValue}{addonAfter || ''}</span>;
+      //   }
+      //   return strValue;
+      // }
+      // if (fieldType === 'inputDigit' && value) { // 数字
+      //   const { precision = 2 } = cmptPros || {};
+      //   let strValue = numeral(value).format(numeralFormat || `0.${'0'.repeat(precision)}`);
+      //   // let strValue = numeral(value).format('0.00');
+      //   if (allReadFlag || readFlag) {
+      //     strValue = <span>{strValue}{addonAfter || ''}</span>;
+      //   }
+      //   return strValue;
+      // }
       if (fieldType === 'braftEditor') {
         return _braftEditor2['default'].createEditorState(value);
       }
@@ -567,6 +594,12 @@ var Easy3wFormPage = function (_Component) {
         case 'textarea':
           strRMsg = '填写';
           break;
+        // case 'inputAmount': // 金额
+        //   strRMsg = '填写';
+        //   break;
+        // case 'inputDigit': // 数字
+        //   strRMsg = '填写';
+        //   break;
         case 'numberInput':
           strRMsg = '填写';
           break;
@@ -1010,18 +1043,18 @@ var Easy3wFormPage = function (_Component) {
 
       var threeRowItemFlag = false;
       for (var _iterator = rowItems, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-        var _ref4;
+        var _ref5;
 
         if (_isArray) {
           if (_i >= _iterator.length) break;
-          _ref4 = _iterator[_i++];
+          _ref5 = _iterator[_i++];
         } else {
           _i = _iterator.next();
           if (_i.done) break;
-          _ref4 = _i.value;
+          _ref5 = _i.value;
         }
 
-        var rItem = _ref4;
+        var rItem = _ref5;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -1180,6 +1213,14 @@ var Easy3wFormPage = function (_Component) {
         var _up4 = _this.inputNumberHandler(colObj, formItemLayout, disableCheckFlag);
         return _up4;
       }
+      if (fieldType === 'inputAmount') {
+        var _up5 = _this.inputAmountHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up5;
+      }
+      if (fieldType === 'inputDigit') {
+        var _up6 = _this.inputDigitHandler(colObj, formItemLayout, disableCheckFlag);
+        return _up6;
+      }
       var formItem = _this.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout, disableCheckFlag);
       return formItem;
     }, _this.getAllForms = function () {
@@ -1679,6 +1720,170 @@ var Easy3wFormPage = function (_Component) {
           )
         )
       );
+    }, _this.inputAmountHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      var addonAfter = cmptPros.addonAfter,
+          rules = cmptPros.rules;
+
+      if (rules) {
+        // const { rules } = cmptPros;
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          ('' + value).replace(/\B(?=(\d{3})+(?!\d))/g, ','),
+          addonAfter,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputAmount']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            formatter: function formatter(val) {
+              return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            },
+            parser: function parser(val) {
+              return val.replace(/\$\s?|(,*)/g, '');
+            },
+            precision: 2,
+            disabled: disableFlag
+            // onChange={onChangeValue => this.props.form.setFieldsValue({ [item.fieldId]: onChangeValue })}
+          }, cmptPros, {
+            style: { flex: 1 }
+          }))),
+          addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            addonAfter
+          ) : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
+    }, _this.inputDigitHandler = function (item, formItemLayout, disableCheckFlag) {
+      var allReadFlag = _this.props.allReadFlag;
+      var getFieldDecorator = _this.props.form.getFieldDecorator;
+      var cmptPros = item.cmptPros,
+          label = item.label,
+          fieldId = item.fieldId,
+          requiredMessage = item.requiredMessage,
+          required = item.required,
+          value = item.value,
+          disableFlag = item.disableFlag,
+          formItemProps = item.formItemProps,
+          readFlag = item.readFlag,
+          hideLabel = item.hideLabel;
+
+      var isApproval = document.body.innerHTML.includes('class="approval_flag_only"');
+      var isDisableRuleFlag = required;
+      if (readFlag === undefined) {
+        if (disableFlag && isApproval && disableCheckFlag) {
+          isDisableRuleFlag = required;
+        } else if (disableFlag && isApproval) {
+          isDisableRuleFlag = false;
+        }
+      }
+      var addrules = [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }];
+      var addonAfter = cmptPros.addonAfter,
+          rules = cmptPros.rules;
+
+      if (rules) {
+        // const { rules } = cmptPros;
+        addrules.push.apply(addrules, rules);
+      }
+      var afterBtns = _this.getAfterBtn(item);
+      if (readFlag || allReadFlag) {
+        return _react2['default'].createElement(
+          FormItem,
+          (0, _extends3['default'])({
+            label: hideLabel ? null : label,
+            required: required
+          }, formItemLayout, formItemProps, {
+            style: formItemStyle
+          }),
+          getFieldDecorator(fieldId + 'Easy3wView', {
+            initialValue: 'easy3wView',
+            rules: [{ required: isDisableRuleFlag, message: requiredMessage || '\u8BF7\u586B\u5199' + label }]
+          })(_react2['default'].createElement(_input2['default'], { type: 'hidden' })),
+          value,
+          addonAfter,
+          ' ',
+          afterBtns
+        );
+      }
+      return _react2['default'].createElement(
+        FormItem,
+        (0, _extends3['default'])({
+          label: hideLabel ? null : label
+        }, formItemLayout, formItemProps, {
+          style: formItemStyle
+        }),
+        _react2['default'].createElement(
+          'div',
+          { className: (0, _classnames2['default'])(['inputDigit']) },
+          getFieldDecorator(fieldId, { rules: addrules, initialValue: value })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+            precision: 2 // 数值精度 2 保留两位小数  0 整数  可以通过cmptPros修改
+            , style: { flex: 1 },
+            disabled: disableFlag
+          }, cmptPros))),
+          addonAfter ? _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['ant-input-group-addon', 'addonBtns']), style: { borderRadius: '0px 4px 4px 0px' } },
+            addonAfter
+          ) : null,
+          _react2['default'].createElement(
+            'div',
+            { className: (0, _classnames2['default'])(['inputNumberBtns']) },
+            afterBtns
+          )
+        )
+      );
     }, _this.numberInputHandler = function (item) {
       var cmptPros = item.cmptPros;
 
@@ -1769,14 +1974,24 @@ var Easy3wFormPage = function (_Component) {
 
       var templateArr = templateArray.map(function (obj) {
         var objArea = _this.getItemArea(obj);
-        if (obj.fieldType === 'inputNumber') {
+        var fieldType = obj.fieldType;
+
+        if (fieldType === 'inputNumber') {
           objArea = _this.inputNumberHandler((0, _extends3['default'])({ hideLabel: true }, obj));
           // return up;
         }
-        if (obj.fieldType === 'inputNumberFormat') {
+        if (fieldType === 'inputNumberFormat') {
           objArea = _this.inputNumberFormatHandler((0, _extends3['default'])({ hideLabel: true }, obj));
           // return up;
         }
+        if (fieldType === 'inputAmount') {
+          var up = _this.inputAmountHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          return up;
+        }
+        if (fieldType === 'inputDigit') {
+          var _up7 = _this.inputDigitHandler((0, _extends3['default'])({ hideLabel: true }, obj));
+          return _up7;
+        }
         var itemArea = _this.getStrTemplateItem(obj, objArea);
         return itemArea;
       });
@@ -1945,7 +2160,12 @@ var Easy3wFormPage = function (_Component) {
   /** inputNumber start */
 
   /** inputNumber end */
+  // #region 金额
 
+  // #endregion
+  // #region 数字
+
+  // #endregion
   /** numberInput start */
   // numberInputHandler = (item) => {
   //   return (
@@ -2570,18 +2790,18 @@ var Easy3wFormPageTight = function (_Component2) {
 
       var threeRowItemFlag = false;
       for (var _iterator2 = rowItems, _isArray2 = Array.isArray(_iterator2), _i3 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {
-        var _ref5;
+        var _ref6;
 
         if (_isArray2) {
           if (_i3 >= _iterator2.length) break;
-          _ref5 = _iterator2[_i3++];
+          _ref6 = _iterator2[_i3++];
         } else {
           _i3 = _iterator2.next();
           if (_i3.done) break;
-          _ref5 = _i3.value;
+          _ref6 = _i3.value;
         }
 
-        var rItem = _ref5;
+        var rItem = _ref6;
 
         if (rItem.cols.length === 3) {
           threeRowItemFlag = true;
@@ -2725,28 +2945,28 @@ var Easy3wFormPageTight = function (_Component2) {
         return up;
       }
       if (fieldType === 'uploadB') {
-        var _up5 = _this2.getUploadBColItem(colObj, formItemLayout);
-        return _up5;
+        var _up8 = _this2.getUploadBColItem(colObj, formItemLayout);
+        return _up8;
       }
       if (fieldType === 'uploadM') {
-        var _up6 = _this2.getUploadMColItem(colObj, formItemLayout);
-        return _up6;
+        var _up9 = _this2.getUploadMColItem(colObj, formItemLayout);
+        return _up9;
       }
       if (fieldType === 'select') {
-        var _up7 = _this2.getSelectColItem(colObj, formItemLayout);
-        return _up7;
+        var _up10 = _this2.getSelectColItem(colObj, formItemLayout);
+        return _up10;
       }
       if (fieldType === 'radio') {
-        var _up8 = _this2.getRadioColItem(colObj, formItemLayout);
-        return _up8;
+        var _up11 = _this2.getRadioColItem(colObj, formItemLayout);
+        return _up11;
       }
       if (fieldType === 'checkBox') {
-        var _up9 = _this2.getCheckBoxColItem(colObj, formItemLayout);
-        return _up9;
+        var _up12 = _this2.getCheckBoxColItem(colObj, formItemLayout);
+        return _up12;
       }
       if (fieldType === 'inputNumberFormat') {
-        var _up10 = _this2.inputNumberFormatHandler(colObj, formItemLayout);
-        return _up10;
+        var _up13 = _this2.inputNumberFormatHandler(colObj, formItemLayout);
+        return _up13;
       }
       var formItem = _this2.getFormItem(colObj, itemValue, afterBtns, itemArea, formItemLayout);
       return formItem;

package/lib/Easy3wTree/index.js

@@ -0,0 +1,317 @@
+'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 _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+require('antd/lib/input/style');
+
+var _tree = require('antd/lib/tree');
+
+var _tree2 = _interopRequireDefault(_tree);
+
+require('antd/lib/tree/style');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Search = _input2['default'].Search;
+var TreeNode = _tree2['default'].TreeNode;
+
+/**
+ * props参数
+ * arrData: 树数据源 必须  Array
+ * objTreeProps: 树配置参数 非必须  Object
+ *   另加属性：touchRenderNode, titleField = 'title', countField = 'count', keyField = 'key'
+ *       touchRenderNode: 自定义渲染节点 非必须 Function  返回值：{ title, count, key, isLeaf, expanded, selected, loading }
+ *       titleField: 节点标题字段 非必须 String  默认值：'title'
+ *       countField: 节点计数字段 非必须 String  默认值：'count'
+ *       keyField: 节点key字段 非必须 String  默认值：'key'
+ * objSearchProps: 搜索配置参数 非必须 Object
+ *   另加属性：searchFlag = true, onSearchCallback
+ *       searchFlag: 是否开启搜索功能 非必须 Boolean  默认值：true
+ *       onSearchCallback: 搜索回调函数 非必须 Function  返回值：(arrDataVisible, searchValue, expandedKeys)
+ * bidPureComponent: 绑定组件方法 非必须 Function
+ * intUpdateCount: 数据更新次数 必须 Number
+*/
+
+var Easy3wTree = function (_Component) {
+  (0, _inherits3['default'])(Easy3wTree, _Component);
+
+  function Easy3wTree(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wTree);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var arrData = props.arrData,
+        bidPureComponent = props.bidPureComponent;
+
+    if (bidPureComponent && typeof bidPureComponent === 'function') {
+      bidPureComponent(_this);
+    }
+    var arrDefaultExpandedKeys = _this.touchGetDEK(arrData);
+    _this.state = {
+      // 两数量值，用于彻底更新树，树数据更新，重新渲染，使defaultExpandedKeys生效
+      treevisible: true, // 显示树
+      arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
+      arrSearchExpandedKeys: [], // 查询时，树默认展开节点
+      arrDataVisible: arrData || [], // 树数据源-显示数据
+      selectedKeys: [] // 选中节点key
+    };
+    return _this;
+  }
+  // eslint-disable-next-line react/sort-comp
+
+  // 获取默认展开节点
+
+  // 更新state
+
+  // #region 树查询
+  // 清空输入框
+
+  // 获取输入框
+
+  // 树搜索
+
+  // 递归过滤树结构，并设置展开节点的 keys
+
+  // #endregion
+  // 节点点击事件
+
+  // 处理树组织
+
+
+  Easy3wTree.prototype.render = function render() {
+    var _this2 = this;
+
+    var _state = this.state,
+        arrDataVisible = _state.arrDataVisible,
+        selectedKeys = _state.selectedKeys,
+        treevisible = _state.treevisible,
+        arrDefaultExpandedKeys = _state.arrDefaultExpandedKeys,
+        arrSearchExpandedKeys = _state.arrSearchExpandedKeys;
+    var _props = this.props,
+        _props$objTreeProps = _props.objTreeProps,
+        objTreeProps = _props$objTreeProps === undefined ? {} : _props$objTreeProps,
+        _props$objSearchProps = _props.objSearchProps,
+        objSearchProps = _props$objSearchProps === undefined ? {} : _props$objSearchProps;
+    var _objSearchProps$searc = objSearchProps.searchFlag,
+        searchFlag = _objSearchProps$searc === undefined ? true : _objSearchProps$searc;
+
+    return _react2['default'].createElement(
+      'div',
+      { className: (0, _classnames2['default'])('easy3wTree') },
+      searchFlag ? _react2['default'].createElement(Search, {
+        placeholder: '\u8BF7\u8F93\u5165\u67E5\u8BE2\u5185\u5BB9',
+        onChange: function onChange(e) {
+          return _this2.onSearch(e.target.value);
+        }
+        // style={{ width: 'calc(100% - 12px)', margin: '0 6px' }}
+        , ref: this.searchRef,
+        className: (0, _classnames2['default'])('easy3wTreeSearch')
+      }) : '',
+      treevisible ? _react2['default'].createElement(
+        _tree2['default'],
+        (0, _extends3['default'])({
+          defaultExpandedKeys: arrSearchExpandedKeys && arrSearchExpandedKeys.length > 0 ? arrSearchExpandedKeys : arrDefaultExpandedKeys // 树默认展开节点key Array
+          , selectedKeys: selectedKeys // 选中节点key Array
+          , showLine: true // 是否展示连接线
+          , showIcon: true // 是否展示 TreeNode title 前的图标，叶子节点图标：书页；非叶子节点图标：加减
+          // multiple 多选
+          , onSelect: this.onSelect // 节点点击事件
+        }, objTreeProps),
+        this.renderTreeNodes(arrDataVisible)
+      ) : ''
+    );
+  };
+
+  return Easy3wTree;
+}(_react.Component);
+
+var _initialiseProps = function _initialiseProps() {
+  var _this3 = this;
+
+  this.searchRef = _react2['default'].createRef();
+
+  this.componentDidUpdate = function (prevProps) {
+    var _props2 = _this3.props,
+        intUpdateCount = _props2.intUpdateCount,
+        arrData = _props2.arrData;
+
+    if (intUpdateCount !== prevProps.intUpdateCount) {
+      var arrDefaultExpandedKeys = _this3.touchGetDEK(arrData);
+      // eslint-disable-next-line react/no-did-update-set-state
+      _this3.setState({
+        arrDataVisible: arrData || [], // 树数据源-显示数据
+        arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
+        treevisible: false // 隐藏树
+      }, function () {
+        _this3.setState({
+          treevisible: true // 显示树
+        });
+      });
+    }
+  };
+
+  this.touchGetDEK = function (arrData) {
+    var arrDefaultExpandedKeys = [];
+    if (arrData && arrData.length > 0) {
+      var item = arrData[0];
+      var _props$objTreeProps2 = _this3.props.objTreeProps,
+          objTreeProps = _props$objTreeProps2 === undefined ? {} : _props$objTreeProps2;
+      var _objTreeProps$keyFiel = objTreeProps.keyField,
+          keyField = _objTreeProps$keyFiel === undefined ? 'key' : _objTreeProps$keyFiel;
+
+      arrDefaultExpandedKeys = item[keyField] ? [item[keyField]] : [];
+    }
+    return arrDefaultExpandedKeys;
+  };
+
+  this.touchUpdateState = function (objState) {
+    _this3.setState(objState);
+  };
+
+  this.touchClearInput = function () {
+    if (_this3.searchRef.current) {
+      // 或者使用 antd 的方法
+      // this.searchRef.current.input.input.value = '';
+      _this3.searchRef.current.input.state.value = '';
+      _this3.onSearch('');
+    }
+  };
+
+  this.touchGetInput = function () {
+    if (_this3.searchRef.current) {
+      var value = _this3.searchRef.current.input.input.value;
+
+      return value;
+    }
+    return '';
+  };
+
+  this.onSearch = function (value) {
+    var _props3 = _this3.props,
+        arrData = _props3.arrData,
+        onSearchCallback = _props3.onSearchCallback;
+
+    var arrSearchExpandedKeys = [];
+    var arrDataVisible = [];
+    if (value) {
+      arrDataVisible = _this3.touchFilterTreeData(arrData, value, arrSearchExpandedKeys);
+    } else {
+      arrDataVisible = arrData;
+    }
+    if (onSearchCallback && typeof onSearchCallback === 'function') {
+      onSearchCallback(arrDataVisible, value, arrSearchExpandedKeys);
+    }
+    _this3.setState({
+      arrDataVisible: arrDataVisible, // 树数据源-显示数据
+      arrSearchExpandedKeys: arrSearchExpandedKeys, // 查询时，树默认展开节点
+      treevisible: false // 隐藏树
+    }, function () {
+      _this3.setState({
+        treevisible: true // 显示树
+      });
+    });
+  };
+
+  this.touchFilterTreeData = function (arrAllData, searchValue, expandedKeys) {
+    var _props$objTreeProps3 = _this3.props.objTreeProps,
+        objTreeProps = _props$objTreeProps3 === undefined ? {} : _props$objTreeProps3;
+    var _objTreeProps$titleFi = objTreeProps.titleField,
+        titleField = _objTreeProps$titleFi === undefined ? 'title' : _objTreeProps$titleFi,
+        _objTreeProps$keyFiel2 = objTreeProps.keyField,
+        keyField = _objTreeProps$keyFiel2 === undefined ? 'key' : _objTreeProps$keyFiel2;
+
+    var filteredData = arrAllData.map(function (item) {
+      // 递归过滤子节点
+      var children = item.children ? _this3.touchFilterTreeData(item.children, searchValue, expandedKeys) : [];
+      // 如果节点名字匹配，或者子节点匹配
+      if (item[titleField].includes(searchValue) || children.length > 0) {
+        expandedKeys.push(item[keyField]); // 记录展开的节点 key
+        return (0, _extends3['default'])({}, item, {
+          children: children // 返回匹配的子节点
+        });
+      }
+      return null;
+    }).filter(function (item) {
+      return item !== null;
+    }); // 过滤掉没有匹配的节点
+    return filteredData;
+  };
+
+  this.onSelect = function (selectedKeys, info) {
+    var _props$objTreeProps4 = _this3.props.objTreeProps,
+        objTreeProps = _props$objTreeProps4 === undefined ? {} : _props$objTreeProps4;
+    var onSelectCallback = objTreeProps.onSelectCallback;
+
+    if (onSelectCallback && typeof onSelectCallback === 'function') {
+      onSelectCallback(selectedKeys, info);
+    }
+    _this3.setState({
+      selectedKeys: selectedKeys // 选中节点key Array
+    });
+  };
+
+  this.renderTreeNodes = function (arrDataVisible) {
+    var _props$objTreeProps5 = _this3.props.objTreeProps,
+        objTreeProps = _props$objTreeProps5 === undefined ? {} : _props$objTreeProps5;
+    var touchRenderNode = objTreeProps.touchRenderNode,
+        _objTreeProps$titleFi2 = objTreeProps.titleField,
+        titleField = _objTreeProps$titleFi2 === undefined ? 'title' : _objTreeProps$titleFi2,
+        _objTreeProps$countFi = objTreeProps.countField,
+        countField = _objTreeProps$countFi === undefined ? 'count' : _objTreeProps$countFi,
+        _objTreeProps$keyFiel3 = objTreeProps.keyField,
+        keyField = _objTreeProps$keyFiel3 === undefined ? 'key' : _objTreeProps$keyFiel3;
+
+    return arrDataVisible.map(function (item) {
+      var children = item.children;
+
+      var title = item[titleField]; // 节点标题
+      var count = item[countField]; // 节点计数
+      var key = item[keyField]; // 节点key
+      var objItemNew = (0, _extends3['default'])({}, item);
+      if (touchRenderNode && typeof touchRenderNode === 'function') {
+        objItemNew = touchRenderNode(item);
+      }
+      return _react2['default'].createElement(
+        TreeNode,
+        (0, _extends3['default'])({
+          title: count ? title + '(' + count + ')' : title,
+          key: key
+        }, objItemNew),
+        children ? _this3.renderTreeNodes(children) : null
+      );
+    });
+  };
+};
+
+exports['default'] = Easy3wTree;
+module.exports = exports['default'];

package/lib/Easy3wTree/index.less

@@ -0,0 +1,6 @@
+.easy3wTree {
+  .easy3wTreeSearch {
+    width: calc(100% - 12px);
+    margin: 0 6px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wui",
-  "version": "1.5.70-beta2",
+  "version": "1.5.70-beta3",
   "description": "easy3wui components for react",
   "keywords": [
     "react",