easy3wui 1.5.7 → 1.5.8-2.beta

package/lib/Easy3wGridTextArea/index.js

@@ -42,22 +42,73 @@ var Easy3wGridTextArea = function (_Component) {
   (0, _inherits3['default'])(Easy3wGridTextArea, _Component);
 
   function Easy3wGridTextArea() {
+    var _temp, _this, _ret;
+
     (0, _classCallCheck3['default'])(this, Easy3wGridTextArea);
-    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.touchSetHeight = function () {
+      var fieldId = _this.props.fieldId;
+      // 获取textarea元素
+
+      var textarea = document.getElementById(fieldId);
+      if (textarea) {
+        var scrollHeight = textarea.scrollHeight;
+        // scrollHeight属性表示元素内容的总高度，包括那些在视口中不可见的部分
+        // 2 边框
+
+        var scrollHeightNew = scrollHeight + 2;
+        // 监听输入事件
+        textarea.addEventListener('input', function () {
+          // 移除滚动条，以便正确计算内容高度
+          this.style.height = 'auto';
+          this.style.height = scrollHeightNew + 'px';
+        });
+        // 初始时设置一次高度，确保页面加载时textarea高度正确
+        textarea.style.height = scrollHeightNew + 'px';
+      }
+    }, _this.touchTransform = function (value) {
+      var strValue = value;
+      if (typeof value === 'number') {
+        strValue = String(value);
+      }
+      return strValue;
+    }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
 
+  Easy3wGridTextArea.prototype.componentDidMount = function componentDidMount() {
+    this.touchSetHeight();
+  };
+  // 检验长度前转换字段值为字符串
+
+
   Easy3wGridTextArea.prototype.render = function render() {
     var _props = this.props,
         fieldId = _props.fieldId,
         value = _props.value,
         form = _props.form,
-        cmptPros = _props.cmptPros,
         required = _props.required,
         requiredMessage = _props.requiredMessage,
-        label = _props.label;
+        label = _props.label,
+        cmptPros = _props.cmptPros;
     var getFieldDecorator = form.getFieldDecorator;
-    var maxLength = cmptPros.maxLength;
 
+    var _ref = cmptPros || {},
+        maxLength = _ref.maxLength,
+        disabled = _ref.disabled,
+        rows = _ref.rows;
+
+    var defaultMaxLength = 2000;
+    // if (!rows) {
+    //   cmptPros = { autosize: { minRows: 2, maxRows: 9999 }, ...cmptPros };
+    // }
+    var rules = [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }, { max: maxLength || defaultMaxLength, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + (maxLength || defaultMaxLength), transform: this.touchTransform }];
+    if (disabled) {
+      rules.pop();
+    }
     return _react2['default'].createElement(
       _form2['default'].Item,
       { style: { marginBottom: 0 } },
@@ -65,8 +116,8 @@ var Easy3wGridTextArea = function (_Component) {
         // trigger: 'onBlur',
         // valuePropName: 'defaultValue',
         initialValue: value,
-        rules: [{ required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label }, { max: maxLength || 400, message: '\u5F55\u5165\u6587\u5B57\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7' + (maxLength || 400) }]
-      })(_react2['default'].createElement(TextArea, (0, _extends3['default'])({}, cmptPros, { style: { minWidth: 80 } })))
+        rules: rules
+      })(_react2['default'].createElement(TextArea, (0, _extends3['default'])({ style: { minWidth: 80 } }, cmptPros)))
     );
   };
 

package/lib/Easy3wModal/index.js

@@ -6,6 +6,10 @@ var _extends2 = require('babel-runtime/helpers/extends');
 
 var _extends3 = _interopRequireDefault(_extends2);
 
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
 var _notification2 = require('antd/lib/notification');
 
 var _notification3 = _interopRequireDefault(_notification2);
@@ -77,12 +81,12 @@ var Easy3wModal = function (_Component) {
       return _react2['default'].createElement(
         _button2['default'],
         {
-          onClick: function onClick(e) {
-            return _this.onClickFunc(e, obj.func);
-          },
           type: 'primary',
           className: (0, _classnames2['default'])(['e3wFootBtn']),
-          loading: obj.loading
+          loading: obj.loading,
+          onClick: function onClick(e) {
+            return _this.onClickFunc(e, obj.func);
+          }
         },
         obj.cName
       );
@@ -99,6 +103,168 @@ var Easy3wModal = function (_Component) {
       );
     }, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
   }
+  // 获取loading状态
+
+
+  // 供脚手架index存store
+  Easy3wModal.setGetLoading = function setGetLoading(fn) {
+    Easy3wModal.getLoading = fn;
+  };
+  // 返回一个promise
+
+
+  Easy3wModal.returnPromise = function returnPromise() {
+    var onOk = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+    return new Promise(function (resolve) {
+      try {
+        onOk();
+        setTimeout(function () {
+          resolve(); // 300ms 后关闭 Modal
+          document.body.style.overflow = '';
+        }, 300);
+      } catch (e) {
+        console.error('onOk 执行报错：', e);
+        resolve(); // 出错时不关闭
+        document.body.style.overflow = '';
+      }
+    });
+  };
+  // confirm
+
+
+  Easy3wModal.confirm = function confirm() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _onOk = props.onOk,
+        _onCancel = props.onCancel,
+        restProps = (0, _objectWithoutProperties3['default'])(props, ['onOk', 'onCancel']);
+
+    return _modal2['default'].confirm((0, _extends3['default'])({}, restProps, {
+      onCancel: function onCancel() {
+        if (_onCancel) {
+          _onCancel();
+        }
+        document.body.style.overflow = '';
+      },
+      onOk: function onOk() {
+        // 1. 检查全局 loading 状态，阻止重复操作
+        var loadingFlag = Easy3wModal.getLoading();
+        if (loadingFlag) {
+          _notification3['default'].warning({
+            message: '温馨提示',
+            description: '操作正在进行中，请稍后！',
+            duration: 3
+          });
+          return Promise.reject(); // 阻止 Modal 自动关闭
+        }
+
+        // 2. onOk不是函数，关闭
+        if (typeof _onOk !== 'function') {
+          return true; // 直接关闭 Modal
+        }
+
+        // 3. 执行onOk
+        return new Promise(function (resolve) {
+          try {
+            _onOk();
+            setTimeout(function () {
+              resolve(); // 300ms 后关闭 Modal
+              document.body.style.overflow = '';
+            }, 300);
+          } catch (e) {
+            console.error('onOk 执行报错：', e);
+            resolve(); // 出错时不关闭
+            document.body.style.overflow = '';
+          }
+        });
+      }
+    }));
+  };
+
+  // 展示modal
+
+
+  Easy3wModal.showModal = function showModal(type) {
+    var _this2 = this;
+
+    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    // 1. 判断参数类型
+    var options = typeof props === 'string' || typeof props === 'number' ? { content: props } : props;
+
+    var _onOk2 = options.onOk,
+        _onCancel2 = options.onCancel,
+        restProps = (0, _objectWithoutProperties3['default'])(options, ['onOk', 'onCancel']);
+
+    // 2. 定义统一的关闭逻辑
+
+    var resetBodyOverflow = function resetBodyOverflow() {
+      document.body.style.overflow = '';
+    };
+
+    // 3. 调用对应类型的 Modal 方法
+    return _modal2['default'][type]((0, _extends3['default'])({}, restProps, {
+      onCancel: function onCancel() {
+        if (_onCancel2) {
+          _onCancel2();
+        }
+        resetBodyOverflow();
+      },
+      onOk: function onOk() {
+        if (_onOk2) {
+          var loadingFlag = Easy3wModal.getLoading();
+          if (loadingFlag) {
+            _notification3['default'].warning({
+              message: '温馨提示',
+              description: '操作正在进行中，请稍后！',
+              duration: 3
+            });
+            return;
+          }
+          if (typeof _onOk2 !== 'function') {
+            return true; // 直接关闭 Modal
+          }
+          _this2.returnPromise(_onOk2).then(function () {});
+        }
+      }
+    }));
+  };
+
+  // info
+
+
+  Easy3wModal.info = function info() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('info', props);
+  };
+
+  // success
+
+
+  Easy3wModal.success = function success() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('success', props);
+  };
+
+  // error
+
+
+  Easy3wModal.error = function error() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('error', props);
+  };
+
+  // warning
+
+
+  Easy3wModal.warning = function warning() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    return this.showModal('warning', props);
+  };
 
   Easy3wModal.prototype.render = function render() {
     var _props = this.props,
@@ -108,9 +274,11 @@ var Easy3wModal = function (_Component) {
         loadingFlag = _props.loadingFlag,
         cancelHandler = _props.cancelHandler,
         onOk = _props.onOk,
-        width = _props.width;
+        width = _props.width,
+        footer = _props.footer,
+        footBtnArr = _props.footBtnArr;
 
-    var btnObj = this.getBtnObj();
+    var btnObj = footer && footer.length ? footer : footBtnArr && footBtnArr.length ? this.getBtnObj() : null;
     return _react2['default'].createElement(
       _modal2['default'],
       (0, _extends3['default'])({
@@ -122,7 +290,8 @@ var Easy3wModal = function (_Component) {
         footer: btnObj,
         width: width,
         destroyOnClose: true,
-        style: { top: 20 }
+        maskClosable: false,
+        style: { top: 20, zIndex: 99998 }
       }, this.props, {
         afterClose: function afterClose() {
           document.body.style.overflow = '';
@@ -135,6 +304,10 @@ var Easy3wModal = function (_Component) {
   return Easy3wModal;
 }(_react.Component);
 
+Easy3wModal.getLoading = function () {
+  return false;
+};
+
 exports['default'] = (0, _dva.connect)(function (state) {
   return {
     loadingFlag: state.loading

package/lib/Easy3wRow/index.js

@@ -0,0 +1,53 @@
+'use strict';
+
+exports.__esModule = true;
+
+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 _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+require('antd/lib/row/style');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wRow = function (_Component) {
+  (0, _inherits3['default'])(Easy3wRow, _Component);
+
+  function Easy3wRow() {
+    (0, _classCallCheck3['default'])(this, Easy3wRow);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wRow.prototype.render = function render() {
+    var _props = this.props,
+        objRowProps = _props.objRowProps,
+        children = _props.children;
+
+    return _react2['default'].createElement(
+      _row2['default'],
+      objRowProps,
+      children
+    );
+  };
+
+  return Easy3wRow;
+}(_react.Component);
+
+exports['default'] = Easy3wRow;
+module.exports = exports['default'];

package/lib/Easy3wTree/index.js

@@ -0,0 +1,318 @@
+'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.searchRef = _react2['default'].createRef();
+    _this.state = {
+      // 两数量值，用于彻底更新树，树数据更新，重新渲染，使defaultExpandedKeys生效
+      treevisible: true, // 显示树
+      arrDefaultExpandedKeys: arrDefaultExpandedKeys, // 树默认展开节点
+      arrSearchExpandedKeys: [], // 查询时，树默认展开节点
+      arrDataVisible: arrData || [], // 树数据源-显示数据
+      selectedKeys: [] // 选中节点key
+    };
+    return _this;
+  }
+  // 获取默认展开节点
+
+  // 更新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.touchSearch(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
+          // multiple 多选
+          , onSelect: this.touchSelect
+        }, objTreeProps),
+        this.touchRenderTreeNodes(arrDataVisible)
+      ) : ''
+    );
+  };
+
+  return Easy3wTree;
+}(_react.Component);
+
+var _initialiseProps = function _initialiseProps() {
+  var _this3 = this;
+
+  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.touchSearch('');
+    }
+  };
+
+  this.touchGetInput = function () {
+    if (_this3.searchRef.current) {
+      var value = _this3.searchRef.current.input.input.value;
+
+      return value;
+    }
+    return '';
+  };
+
+  this.touchSearch = function (value) {
+    var _props3 = _this3.props,
+        arrData = _props3.arrData,
+        objSearchProps = _props3.objSearchProps;
+    var onSearchCallback = objSearchProps.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.touchSelect = 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.touchRenderTreeNodes = 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, {
+          objNode: item // 节点信息-原
+          , objNodeNew: objItemNew // 节点信息-新-处理后的数据
+        }),
+        children ? _this3.touchRenderTreeNodes(children) : null
+      );
+    });
+  };
+};
+
+exports['default'] = Easy3wTree;
+module.exports = exports['default'];