@vtx/components 2.5.15 → 2.5.16

package/lib/vtx-ztree/index.js

@@ -4,64 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _input = _interopRequireDefault(require("antd/lib/input"));
-
 var _lodash = _interopRequireDefault(require("lodash.isequal"));
-
 var _lodash2 = _interopRequireDefault(require("lodash.merge"));
-
 var _lodash3 = _interopRequireDefault(require("lodash.debounce"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames2 = _interopRequireDefault(require("classnames"));
-
 var _config = _interopRequireDefault(require("../config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var VtxZtree = /*#__PURE__*/function (_React$Component) {
-  _inherits(VtxZtree, _React$Component);
-
-  var _super = _createSuper(VtxZtree);
-
+function _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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
+ * @Author: yemu
+ * @Date: 2021-04-08 22:03:07
+ * @LastEditTime: 2021-04-09 10:36:45
+ * @LastEditors: yemu
+ * @Description: 树形控件
+ */
+var VtxZtree = exports["default"] = /*#__PURE__*/function (_React$Component) {
   function VtxZtree(props) {
     var _this;
-
     _classCallCheck(this, VtxZtree);
-
-    _this = _super.call(this, props);
+    _this = _callSuper(this, VtxZtree, [props]);
     _this.treeId = "tree-".concat(new Date().getTime(), "-").concat(parseInt(Math.random() * 10000));
     _this.zTreeObj = null;
     _this.treeSetting = {};
@@ -70,14 +48,14 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
     _this.searchTimeOutId = null;
     _this.loadPromise = _this.loadTreeResource();
     _this.loadComplete = false;
-    _this.fuzzySearch = (0, _lodash3["default"])(_this.fuzzySearch.bind(_assertThisInitialized(_this)), 300);
+    _this.fuzzySearch = (0, _lodash3["default"])(_this.fuzzySearch.bind(_this), 300);
     _this.state = {
       searchVal: ''
     };
     return _this;
   }
-
-  _createClass(VtxZtree, [{
+  _inherits(VtxZtree, _React$Component);
+  return _createClass(VtxZtree, [{
     key: "loadTreeResource",
     value: function loadTreeResource() {
       if (!$.fn.zTree) {
@@ -104,10 +82,8 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       this.loadPromise.then(function () {
         _this2.loadComplete = true;
-
         _this2.refreshTree(_this2.props);
       });
     }
@@ -115,7 +91,6 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (!this.loadComplete) return;
-
       if (!(0, _lodash["default"])(prevProps.refreshFlag, this.props.refreshFlag) || !(0, _lodash["default"])(prevProps.data, this.props.data)) {
         this.refreshTree(this.props);
       }
@@ -124,13 +99,14 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.zTreeObj && this.zTreeObj.destroy();
-    } // 初始化树的配置
+    }
 
+    // 初始化树的配置
   }, {
     key: "initTreeSetting",
     value: function initTreeSetting(props) {
-      var t = this; // 初始化树的配置
-
+      var t = this;
+      // 初始化树的配置
       this.treeSetting = {
         check: {
           enable: !!props.checkable,
@@ -242,32 +218,30 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
             }
           }
         }
-      }; // 继承外部配置
-
+      };
+      // 继承外部配置
       if (_typeof(this.props.customCfg) == 'object') {
         (0, _lodash2["default"])(this.treeSetting, this.props.customCfg);
       }
-    } // 初始化树的数据，对expandedKeys，checkedKeys做处理
+    }
 
+    // 初始化树的数据，对expandedKeys，checkedKeys做处理
   }, {
     key: "initTreeNodes",
     value: function initTreeNodes(props) {
       var t = this;
       this.keyNameMapping = {};
-
       if (!Array.isArray(props.data)) {
         this.treeNodes = [];
       } else {
         var checkedKeys = props.checkedKeys || [];
         var expandedKeys = props.expandedKeys || [];
         var chkDisabled = !!props.disableCheckboxAll;
-
         this.treeNodes = function genNodes(nodes) {
           return nodes.map(function (item) {
             var checked = checkedKeys.indexOf(item.key) != -1;
             var open = expandedKeys.indexOf(item.key) != -1;
             t.keyNameMapping[item.key] = item.name;
-
             if (Array.isArray(item.children) && item.children.length > 0) {
               return _objectSpread(_objectSpread({
                 chkDisabled: chkDisabled,
@@ -288,22 +262,19 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
             }
           }).map(function (item) {
             if (Array.isArray(item.children) && item.children.length > 0) {
-              var newNode = _objectSpread({}, item); // 如果子节点全部被勾选，父节点自动勾选
-
-
+              var newNode = _objectSpread({}, item);
+              // 如果子节点全部被勾选，父节点自动勾选
               if (item.children.every(function (item) {
                 return item.checked;
               })) {
                 newNode.checked = true;
-              } // 如果配置了自动展开父节点，父节点自动展开
-
-
+              }
+              // 如果配置了自动展开父节点，父节点自动展开
               if (props.autoExpandParent && item.children.some(function (item) {
                 return item.open;
               })) {
                 newNode.open = true;
               }
-
               return newNode;
             } else {
               return item;
@@ -311,8 +282,9 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
           });
         }(props.data);
       }
-    } // 重新生成树
+    }
 
+    // 重新生成树
   }, {
     key: "refreshTree",
     value: function refreshTree(newProps) {
@@ -320,65 +292,62 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
       this.initTreeSetting(newProps);
       this.initTreeNodes(newProps);
       this.zTreeObj = $.fn.zTree.init($("#".concat(this.treeId)), this.treeSetting, this.treeNodes);
-
       if (Array.isArray(newProps.selectedKeys)) {
         this.selectNodes(newProps.selectedKeys, newProps.multiple);
-      } // 初始化全展开判断
-
-
+      }
+      // 初始化全展开判断
       if (newProps.defaultExpandAll && !newProps.expandedKeys) {
         this.zTreeObj.expandAll(true);
       }
-    } // 展开或折叠相关节点,expandFlag为true表示展开,false表示折叠
+    }
 
+    // 展开或折叠相关节点,expandFlag为true表示展开,false表示折叠
   }, {
     key: "expandNodes",
     value: function expandNodes(expandedKeys) {
       var expandFlag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
       for (var i = 0, len = expandedKeys.length; i < len; i++) {
         var node = this.zTreeObj.getNodesByParam('key', expandedKeys[i]).pop();
-
         if (node) {
           this.zTreeObj.expandNode(node, expandFlag, false, false);
         }
       }
-    } // 勾选节点, checkedFlag为true表示勾选,false表示取消勾选
+    }
 
+    // 勾选节点, checkedFlag为true表示勾选,false表示取消勾选
   }, {
     key: "checkNodes",
     value: function checkNodes(checkedKeys) {
       var checkedFlag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
       for (var i = 0, len = checkedKeys.length; i < len; i++) {
         var node = this.zTreeObj.getNodesByParam('key', checkedKeys[i]).pop();
-
         if (node) {
           // 隐藏节点的勾选状态也要改变
           node.checked = checkedFlag;
-          this.zTreeObj.updateNode(node, true); // this.zTreeObj.checkNode(node,checkedFlag,false);
+          this.zTreeObj.updateNode(node, true);
+          // this.zTreeObj.checkNode(node,checkedFlag,false);
         }
       }
-    } // 点击选择节点
+    }
 
+    // 点击选择节点
   }, {
     key: "selectNodes",
     value: function selectNodes(selectedKeys, multiple) {
       for (var i = 0, len = selectedKeys.length; i < len; i++) {
         var node = this.zTreeObj.getNodesByParam('key', selectedKeys[i]).pop();
-
         if (node) {
           this.zTreeObj.selectNode(node, multiple, true);
         }
       }
-    } // 取消选择节点
+    }
 
+    // 取消选择节点
   }, {
     key: "cancelSelectedNodes",
     value: function cancelSelectedNodes(selectedKeys) {
       for (var i = 0, len = selectedKeys.length; i < len; i++) {
         var node = this.zTreeObj.getNodesByParam('key', selectedKeys[i]).pop();
-
         if (node) {
           this.zTreeObj.cancelSelectedNode(node);
         }
@@ -392,38 +361,34 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
       var nameKey = this.zTreeObj.setting.data.key.name; // get the key of the node name
       // isHighLight = isHighLight===false?false:true;//default true, only use false to disable highlight
       // isExpand = isExpand?true:false; // not to expand in default
-
       this.zTreeObj.setting.view.nameIsHTML = isHighLight; // allow use html in node name for highlight use
 
       var metaChar = '[\\[\\]\\\\^\\$\\.\\|\\?\\*\\+\\(\\)]'; // js meta characters
-
       var rexMeta = new RegExp(metaChar, 'gi'); // regular expression to match meta characters
+
       // searchNodeLazy(keyworld);
+      ztreeFilter(t.zTreeObj, keyworld);
 
-      ztreeFilter(t.zTreeObj, keyworld); // -----------------------------内部函数----------------------------------
+      // -----------------------------内部函数----------------------------------
       // keywords filter function
-
       function ztreeFilter(zTreeObj, _keywords) {
         if (!_keywords) {
           _keywords = ''; // default blank for _keywords
-        } // function to find the matching node
-
+        }
 
+        // function to find the matching node
         function filterFunc(node) {
           if (node && node.oldname && node.oldname.length > 0) {
             node[nameKey] = node.oldname; // recover oldname of the node if exist
           }
-
           zTreeObj.updateNode(node); // update node to for modifications take effect
-
           if (_keywords.length == 0) {
             // return true to show all nodes if the keyword is blank
-            zTreeObj.showNode(node); // zTreeObj.expandNode(node,isExpand);
-
+            zTreeObj.showNode(node);
+            // zTreeObj.expandNode(node,isExpand);
             return true;
-          } // transform node name and keywords to lowercase
-
-
+          }
+          // transform node name and keywords to lowercase
           if (node[nameKey] && node[nameKey].toLowerCase().indexOf(_keywords.toLowerCase()) != -1) {
             if (isHighLight) {
               // highlight process
@@ -434,12 +399,9 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
                 // add escape character before meta characters
                 return '\\' + matchStr;
               });
-
               node.oldname = node[nameKey]; // store the old name
-
               var rexGlobal = new RegExp(newKeywords, 'gi'); // 'g' for global,'i' for ignore case
               // use replace(RegExp,replacement) since replace(/substr/g,replacement) cannot be used here
-
               node[nameKey] = node.oldname.replace(rexGlobal, function (originalText) {
                 // highlight the matching words in node name
                 var highLightText = '<span style="color: whitesmoke;background-color:#f50;">' + originalText + '</span>';
@@ -447,38 +409,29 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
               });
               zTreeObj.updateNode(node); // update node for modifications take effect
             }
-
             zTreeObj.showNode(node); // show node with matching keywords
-
             return true; // return true and show this node
           }
-
           zTreeObj.hideNode(node); // hide node that not matched
-
           return false; // return false for node not matched
         }
-
         var nodesShow = zTreeObj.getNodesByFilter(filterFunc); // get all nodes that would be shown
-
         processShowNodes(zTreeObj, nodesShow, _keywords); // nodes should be reprocessed to show correctly
       }
+
       /**
        * reprocess of nodes before showing
        */
-
-
       function processShowNodes(zTreeObj, nodesShow, _keywords) {
         if (nodesShow && nodesShow.length > 0) {
           // process the ancient nodes if _keywords is not blank
           if (_keywords.length > 0) {
             $.each(nodesShow, function (n, obj) {
               var pathOfOne = obj.getPath(); // get all the ancient nodes including current node
-
               if (pathOfOne && pathOfOne.length > 0) {
                 // i < pathOfOne.length-1 process every node in path except self
                 for (var i = 0; i < pathOfOne.length - 1; i++) {
                   zTreeObj.showNode(pathOfOne[i]); // show node
-
                   zTreeObj.expandNode(pathOfOne[i], true); // expand node
                 }
               }
@@ -486,15 +439,15 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
           } else {
             // show all nodes when _keywords is blank and expand the root nodes
             var rootNodes = zTreeObj.getNodesByParam('level', '0'); // get all root nodes
-
             $.each(rootNodes, function (n, obj) {
               zTreeObj.expandNode(obj, true); // expand all root nodes
             });
           }
         }
       }
-    } // 清空搜索框数据（供外部调用）
+    }
 
+    // 清空搜索框数据（供外部调用）
   }, {
     key: "clearSearch",
     value: function clearSearch() {
@@ -503,13 +456,13 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
         searchVal: ''
       });
       this.refreshTree(this.props);
-    } // 获取所有已被勾选的节点
+    }
 
+    // 获取所有已被勾选的节点
   }, {
     key: "getCheckedNodes",
     value: function getCheckedNodes() {
       var _this3 = this;
-
       return this.zTreeObj.getNodesByFilter(function (node) {
         // 节点被勾选（非半勾状态）
         if (_this3.props.checkStrictly) return node.checked;
@@ -517,11 +470,11 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
       }).map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           name: item.oldname || item.name // 搜索树会改变节点的name
-
         });
       });
-    } // 获取所有已被点击选中的节点
+    }
 
+    // 获取所有已被点击选中的节点
   }, {
     key: "getSelectedNodes",
     value: function getSelectedNodes() {
@@ -530,14 +483,16 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
           name: item.oldname || item.name
         });
       });
-    } // 展开所有节点（供外部调用）
+    }
 
+    // 展开所有节点（供外部调用）
   }, {
     key: "expandAll",
     value: function expandAll() {
       this.zTreeObj.expandAll(true);
-    } // 收起所有节点（供外部调用）
+    }
 
+    // 收起所有节点（供外部调用）
   }, {
     key: "collapseAll",
     value: function collapseAll() {
@@ -548,9 +503,9 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var t = this;
       var _t$props = t.props,
-          prefixCls = _t$props.prefixCls,
-          showSearch = _t$props.showSearch,
-          searchPlaceholder = _t$props.searchPlaceholder;
+        prefixCls = _t$props.prefixCls,
+        showSearch = _t$props.showSearch,
+        searchPlaceholder = _t$props.searchPlaceholder;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames2["default"])("".concat(prefixCls, "-wraaper"), _defineProperty({}, "".concat(prefixCls, "-has-search"), showSearch))
       }, showSearch && /*#__PURE__*/_react["default"].createElement("div", {
@@ -570,17 +525,11 @@ var VtxZtree = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
-  return VtxZtree;
 }(_react["default"].Component);
-
-exports["default"] = VtxZtree;
-
 _defineProperty(VtxZtree, "defaultProps", {
   showSearch: true,
   prefixCls: 'vtx-ztree'
 });
-
 VtxZtree.propTypes = {
   showSearch: _propTypes["default"].bool,
   searchPlaceholder: _propTypes["default"].string,