bk-magic-vue 2.5.9-beta.30 → 2.5.9-beta.31

package/dist/bk-magic-vue.js

@@ -54411,6 +54411,17 @@
 
   setInstaller(__vue_component__$1k);
 
+  var meta$1 = _meta.onFreeze;
+  _objectSap('freeze', function ($freeze) {
+    return function freeze(it) {
+      return $freeze && _isObject(it) ? $freeze(meta$1(it)) : it;
+    };
+  });
+
+  var freeze = _core.Object.freeze;
+
+  var freeze$1 = freeze;
+
   var getNodeId = function getNodeId(data, tree) {
     var idKey = tree.nodeOptions.idKey;
     if (typeof idKey === 'function') {
@@ -55028,7 +55039,6 @@
     data: function data() {
       return {
         nodes: [],
-        map: {},
         selected: this.defaultSelectedNode,
         needsCalculateNodes: [],
         calculateTimer: null,
@@ -55082,26 +55092,58 @@
       data: function data(value) {
         this.setData(value);
       },
-      hasLine: function hasLine(_hasLine) {
-        var _this$needsCalculateN;
-        _hasLine && (_this$needsCalculateN = this.needsCalculateNodes).push.apply(_this$needsCalculateN, _toConsumableArray(this.visibleNodes));
+      hasLine: {
+        handler: function handler() {
+          if (this.hasLine) {
+            this.needsCalculateNodes = freeze$1([].concat(_toConsumableArray(this.needsCalculateNodes), _toConsumableArray(this.visibleNodes)));
+          }
+        },
+        immediate: true
       }
     },
+    created: function created() {
+      this.map = {};
+    },
     mounted: function mounted() {
       this.setData(this.data);
     },
     methods: {
       setData: function setData(data) {
-        var _this$needsCalculateN2;
         var nodes = [];
         var map = {};
         this.recurrenceNodes(data, null, nodes, map);
-        this.nodes = nodes;
+        this.nodes = freeze$1(nodes);
         this.map = map;
         this.initNodeState();
         this.setVirtualScrollList();
         this.registryOptions(this.nodes);
-        this.hasLine && (_this$needsCalculateN2 = this.needsCalculateNodes).push.apply(_this$needsCalculateN2, _toConsumableArray(this.visibleNodes));
+      },
+      initNodeState: function initNodeState() {
+        var _this = this;
+        if (!this.defaultExpandAll) {
+          var defaultExpandedNodes = _toConsumableArray(this.defaultExpandedNodes);
+          if (this.defaultSelectedNode) {
+            defaultExpandedNodes.push(this.defaultSelectedNode);
+          }
+          defaultExpandedNodes.forEach(function (id) {
+            var node = _this.getNodeById(id);
+            if (node) {
+              node.expanded = true;
+            }
+          });
+        }
+        this.defaultCheckedNodes.forEach(function (id) {
+          var node = _this.getNodeById(id);
+          if (node) {
+            node.checked = true;
+          }
+        });
+        this.defaultDisabledNodes.forEach(function (id) {
+          var node = _this.getNodeById(id);
+          if (node) {
+            node.disabled = true;
+          }
+        });
       },
       registryOptions: function registryOptions(nodes) {
         var parent = this.$parent.$parent || this.$root;
@@ -55120,61 +55162,28 @@
         }
       },
       recurrenceNodes: function recurrenceNodes(data, parent, nodes, map) {
-        var _this = this;
-        data.forEach(function (datum, index) {
+        var _this2 = this;
+        data.forEach(function (datum) {
           var node = new TreeNode(datum, {
             level: parent ? parent.level + 1 : 0,
             parent: parent,
             index: nodes.length
-          }, _this);
+          }, _this2);
           if (parent) {
             node.childIndex = parent.children.length;
             parent.children.push(node);
           }
           nodes.push(node);
           map[node.id] = node;
-          var children = datum[_this.nodeOptions.childrenKey];
+          var children = datum[_this2.nodeOptions.childrenKey];
           if (isArray$1(children) && children.length) {
-            _this.recurrenceNodes(children, node, nodes, map);
+            _this2.recurrenceNodes(children, node, nodes, map);
           }
         });
       },
       getNodeById: function getNodeById(id) {
         return this.map[id];
       },
-      initNodeState: function initNodeState() {
-        !this.defaultExpandAll && this.initDefaultExpanded();
-        this.initDefaultChecked();
-        this.initDefaultDisabled();
-      },
-      initDefaultExpanded: function initDefaultExpanded() {
-        var _this2 = this;
-        var defaultExpandedNodes = this.defaultSelectedNode !== null ? [].concat(_toConsumableArray(this.defaultExpandedNodes), [this.defaultSelectedNode]) : this.defaultExpandedNodes;
-        defaultExpandedNodes.forEach(function (id) {
-          var node = _this2.getNodeById(id);
-          if (node) {
-            node.expanded = true;
-          }
-        });
-      },
-      initDefaultChecked: function initDefaultChecked() {
-        var _this3 = this;
-        this.defaultCheckedNodes.forEach(function (id) {
-          var node = _this3.getNodeById(id);
-          if (node) {
-            node.checked = true;
-          }
-        });
-      },
-      initDefaultDisabled: function initDefaultDisabled() {
-        var _this4 = this;
-        this.defaultDisabledNodes.forEach(function (id) {
-          var node = _this4.getNodeById(id);
-          if (node) {
-            node.disabled = true;
-          }
-        });
-      },
       addNode: function addNode(nodeData, parentId) {
         var trailing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
         var options = _typeof(parentId) === 'object' ? parentId : {
@@ -55196,10 +55205,10 @@
         return this.addChildNode(data, mergeOptions);
       },
       addRootNode: function addRootNode(data, _ref) {
-        var _this5 = this,
-          _this$nodes;
+        var _this3 = this;
         var trailing = _ref.trailing;
-        var rootNodes = this.nodes.filter(function (node) {
+        var lastNodes = _toConsumableArray(this.nodes);
+        var rootNodes = lastNodes.filter(function (node) {
           return node.level === 0;
         });
         var offset = typeof trailing === 'number' ? Math.min(trailing, rootNodes.length) : trailing ? rootNodes.length : 0;
@@ -55214,21 +55223,21 @@
           return new TreeNode(datum, {
             level: 0,
             parent: null
-          }, _this5);
+          }, _this3);
         });
         nodes.forEach(function (node) {
-          _this5.$set(_this5.map, node.id, node);
+          _this3.map[node.id] = node;
         });
-        (_this$nodes = this.nodes).splice.apply(_this$nodes, [insertIndex, 0].concat(_toConsumableArray(nodes)));
-        this.nodes.slice(insertIndex).forEach(function (node, index) {
+        lastNodes.splice.apply(lastNodes, [insertIndex, 0].concat(_toConsumableArray(nodes)));
+        lastNodes.slice(insertIndex).forEach(function (node, index) {
           node.index = insertIndex + index;
         });
+        this.nodes = freeze$1(lastNodes);
         this.setVirtualScrollList();
         return nodes;
       },
       addChildNode: function addChildNode(data, options) {
-        var _this6 = this,
-          _this$nodes2;
+        var _this4 = this;
         var parentId = options.parentId,
           trailing = options.trailing;
         var parent = this.getNodeById(parentId);
@@ -55251,26 +55260,28 @@
           return new TreeNode(datum, {
             level: parent.level + 1,
             parent: parent
-          }, _this6);
+          }, _this4);
         });
         parent.appendChild(nodes, offset, options);
         nodes.forEach(function (node) {
-          _this6.$set(_this6.map, node.id, node);
+          _this4.map[node.id] = node;
         });
-        (_this$nodes2 = this.nodes).splice.apply(_this$nodes2, [insertIndex, 0].concat(_toConsumableArray(nodes)));
-        this.nodes.slice(insertIndex).forEach(function (node, index) {
+        var lastNodes = _toConsumableArray(this.nodes);
+        lastNodes.splice.apply(lastNodes, [insertIndex, 0].concat(_toConsumableArray(nodes)));
+        lastNodes.slice(insertIndex).forEach(function (node, index) {
           node.index = insertIndex + index;
         });
+        this.nodes = freeze$1(lastNodes);
         this.setVirtualScrollList();
         return nodes;
       },
       removeNode: function removeNode(nodeId) {
-        var _this7 = this;
+        var _this5 = this;
         try {
           var ids = convertToArray(nodeId);
           var nodes = [];
           ids.forEach(function (id) {
-            var node = _this7.getNodeById(id);
+            var node = _this5.getNodeById(id);
             if (node) {
               nodes.push(node);
             }
@@ -55280,7 +55291,7 @@
           });
           nodes.forEach(function (node) {
             var removeNodes = [node].concat(_toConsumableArray(node.descendants));
-            _this7.nodes.splice(node.index, removeNodes.length);
+            _this5.nodes.splice(node.index, removeNodes.length);
             if (node.parent) {
               node.parent.removeChild(node);
             }
@@ -55288,16 +55299,18 @@
           var minChangedIndex = Math.min.apply(Math, _toConsumableArray(nodes.map(function (node) {
             return node.index;
           })));
-          this.nodes.slice(minChangedIndex).forEach(function (node, index) {
+          var lastNodes = _toConsumableArray(this.nodes);
+          lastNodes.slice(minChangedIndex).forEach(function (node, index) {
             node.index = minChangedIndex + index;
           });
+          this.nodes = freeze$1(lastNodes);
           this.setVirtualScrollList();
         } catch (e) {
           console.warn(e.message);
         }
       },
       setSelected: function setSelected(nodeId) {
-        var _this8 = this;
+        var _this6 = this;
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee() {
           var mergeOptions, node, response;
@@ -55305,7 +55318,7 @@
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 _context.prev = 0;
-                if (!(!_this8.selectable || nodeId === _this8.selected)) {
+                if (!(!_this6.selectable || nodeId === _this6.selected)) {
                   _context.next = 3;
                   break;
                 }
@@ -55315,13 +55328,13 @@
                   emitEvent: false,
                   beforeSelect: true
                 }, options);
-                node = _this8.getNodeById(nodeId);
-                if (!(mergeOptions.beforeSelect && typeof _this8.beforeSelect === 'function')) {
+                node = _this6.getNodeById(nodeId);
+                if (!(mergeOptions.beforeSelect && typeof _this6.beforeSelect === 'function')) {
                   _context.next = 11;
                   break;
                 }
                 _context.next = 8;
-                return _this8.beforeSelect(node);
+                return _this6.beforeSelect(node);
               case 8:
                 response = _context.sent;
                 if (response) {
@@ -55330,9 +55343,9 @@
                 }
                 return _context.abrupt("return", false);
               case 11:
-                _this8.selected = nodeId;
+                _this6.selected = nodeId;
                 if (mergeOptions.emitEvent) {
-                  _this8.$emit('select-change', node);
+                  _this6.$emit('select-change', node);
                 }
                 _context.next = 18;
                 break;
@@ -55364,10 +55377,10 @@
         }
       },
       setChecked: function setChecked(nodeId) {
-        var _this9 = this;
+        var _this7 = this;
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         return _asyncToGenerator( _regeneratorRuntime().mark(function _callee2() {
-          var isMultiple, ids, mergeOptions, nodes, response;
+          var isMultiple, ids, mergeOptions, nodes, response, lastNodes;
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
               case 0:
@@ -55375,7 +55388,7 @@
                 isMultiple = isArray$1(nodeId);
                 ids = isMultiple ? nodeId : [nodeId];
                 if (!ids.length) {
-                  _context2.next = 14;
+                  _context2.next = 16;
                   break;
                 }
                 mergeOptions = _objectSpread({
@@ -55384,14 +55397,14 @@
                   checked: true
                 }, options);
                 nodes = ids.map(function (id) {
-                  return _this9.getNodeById(id);
+                  return _this7.getNodeById(id);
                 });
-                if (!(mergeOptions.beforeCheck && typeof _this9.beforeCheck === 'function')) {
+                if (!(mergeOptions.beforeCheck && typeof _this7.beforeCheck === 'function')) {
                   _context2.next = 12;
                   break;
                 }
                 _context2.next = 9;
-                return _this9.beforeCheck(nodes.length > 1 ? nodes : nodes[0], mergeOptions.checked);
+                return _this7.beforeCheck(nodes.length > 1 ? nodes : nodes[0], mergeOptions.checked);
               case 9:
                 response = _context2.sent;
                 if (response) {
@@ -55405,21 +55418,23 @@
                 });
                 if (mergeOptions.emitEvent) {
                   setTimeout(function () {
-                    _this9.$emit('check-change', _this9.checked, isMultiple ? nodes : nodes[0]);
+                    _this7.$emit('check-change', _this7.checked, isMultiple ? nodes : nodes[0]);
                   }, 0);
                 }
-              case 14:
-                _context2.next = 19;
-                break;
+                lastNodes = _toConsumableArray(_this7.nodes);
+                _this7.nodes = freeze$1(lastNodes);
               case 16:
-                _context2.prev = 16;
+                _context2.next = 21;
+                break;
+              case 18:
+                _context2.prev = 18;
                 _context2.t0 = _context2["catch"](0);
                 console.warn(_context2.t0.message);
-              case 19:
+              case 21:
               case "end":
                 return _context2.stop();
             }
-          }, _callee2, null, [[0, 16]]);
+          }, _callee2, null, [[0, 18]]);
         }))();
       },
       setExpanded: function setExpanded(nodeId) {
@@ -55438,13 +55453,14 @@
           if (mergeOptions.emitEvent) {
             this.$emit('expand-change', node);
           }
+          this.nodes = freeze$1(_toConsumableArray(this.nodes));
           this.setVirtualScrollList();
         } catch (e) {
           console.warn(e.message);
         }
       },
       setDisabled: function setDisabled(nodeId) {
-        var _this10 = this;
+        var _this8 = this;
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         try {
           var mergeOptions = _objectSpread({
@@ -55453,7 +55469,7 @@
           }, options);
           var ids = convertToArray(nodeId);
           var nodes = ids.map(function (id) {
-            return _this10.getNodeById(id);
+            return _this8.getNodeById(id);
           }).filter(function (node) {
             return !!node;
           });
@@ -55463,12 +55479,13 @@
           if (mergeOptions.emitEvent) {
             this.$emit('disable-change', nodes.length > 1 ? nodes : nodes[0]);
           }
+          this.nodes = freeze$1(_toConsumableArray(this.nodes));
         } catch (e) {
           console.warn(e.message);
         }
       },
       setDisableCheck: function setDisableCheck(nodeId) {
-        var _this11 = this;
+        var _this9 = this;
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         try {
           var mergeOptions = _objectSpread({
@@ -55477,7 +55494,7 @@
           }, options);
           var ids = convertToArray(nodeId);
           var nodes = ids.map(function (id) {
-            return _this11.getNodeById(id);
+            return _this9.getNodeById(id);
           }).filter(function (node) {
             return !!node;
           });
@@ -55487,59 +55504,62 @@
           if (mergeOptions.emitEvent) {
             this.$emit('disable-check-change', nodes.length > 1 ? nodes : nodes[0]);
           }
+          this.nodes = freeze$1(_toConsumableArray(this.nodes));
         } catch (e) {
           console.warn(e.message);
         }
       },
       handleCalculateLine: function handleCalculateLine() {
-        var _this12 = this;
+        var _this10 = this;
+        var calculateNodeLine = function calculateNodeLine(node) {
+          var children = node.children,
+            isLeaf = node.isLeaf,
+            expanded = node.expanded;
+          if (isLeaf || !expanded) {
+            node.line = 0;
+            return;
+          }
+          var visibleChildren = children.filter(function (child) {
+            return child.visible;
+          });
+          if (!visibleChildren.length) {
+            node.line = 0;
+            return;
+          }
+          var firstChild = visibleChildren[0];
+          var firstChildElement = _this10.$el.querySelector("#".concat(firstChild.uid));
+          var lastChild = visibleChildren[visibleChildren.length - 1];
+          var lastChildElement = _this10.$el.querySelector("#".concat(lastChild.uid));
+          node.line = lastChildElement.getBoundingClientRect().bottom - firstChildElement.getBoundingClientRect().top;
+        };
         this.calculateTimer && clearTimeout(this.calculateTimer);
         if (this.needsCalculateNodes.length) {
           this.calculateTimer = setTimeout(function () {
-            _this12.needsCalculateNodes.forEach(function (node) {
-              _this12.calculateNodeLine(node);
+            _this10.needsCalculateNodes.forEach(function (node) {
+              calculateNodeLine(node);
             });
-            _this12.needsCalculateNodes.splice(0);
+            _this10.needsCalculateNodes.splice(0);
+            _this10.nodes = freeze$1(_toConsumableArray(_this10.nodes));
           }, 0);
         } else {
           this.calculateTimer = null;
         }
       },
-      calculateNodeLine: function calculateNodeLine(node) {
-        var children = node.children,
-          isLeaf = node.isLeaf,
-          expanded = node.expanded;
-        if (isLeaf || !expanded) {
-          node.line = 0;
-          return;
-        }
-        var visibleChildren = children.filter(function (child) {
-          return child.visible;
-        });
-        if (!visibleChildren.length) {
-          node.line = 0;
-          return;
-        }
-        var firstChild = visibleChildren[0];
-        var firstChildElement = this.$el.querySelector("#".concat(firstChild.uid));
-        var lastChild = visibleChildren[visibleChildren.length - 1];
-        var lastChildElement = this.$el.querySelector("#".concat(lastChild.uid));
-        node.line = lastChildElement.getBoundingClientRect().bottom - firstChildElement.getBoundingClientRect().top;
-      },
       defaultFilterMethod: function defaultFilterMethod(keyword, node) {
         return String(node.name).toLowerCase().indexOf(keyword) > -1;
       },
       filter: function filter() {
-        var _this13 = this;
+        var _this11 = this;
         var keyword = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+        var lastNodes = _toConsumableArray(this.nodes);
         var matchedNodes = [];
         var filterMethod = this.filterMethod || this.defaultFilterMethod;
         if (keyword === '') {
           this.inSearch = false;
-          this.nodes.forEach(function (node) {
+          lastNodes.forEach(function (node) {
             node.setState('matched', true);
             node.recalculateLinkLine();
-            if (_this13.checkOnlyAvailableStrictly) {
+            if (_this11.checkOnlyAvailableStrictly) {
               node.setState('checked', false);
             }
             matchedNodes.push(node);
@@ -55547,10 +55567,10 @@
         } else {
           this.inSearch = true;
           var convertKeyword = this.filterMethod ? keyword : String(keyword).toLowerCase();
-          this.nodes.forEach(function (node) {
+          lastNodes.forEach(function (node) {
             var matched = filterMethod(convertKeyword, node);
             node.setState('matched', matched);
-            if (_this13.checkOnlyAvailableStrictly) {
+            if (_this11.checkOnlyAvailableStrictly) {
               node.setState('checked', false);
             }
             if (matched) {
@@ -55561,6 +55581,7 @@
           });
         }
         this.isSearchEmpty = matchedNodes.length === 0;
+        this.nodes = freeze$1(lastNodes);
         this.setVirtualScrollList();
         return matchedNodes;
       },
@@ -55603,14 +55624,14 @@
         });
       },
       setVirtualScrollList: function setVirtualScrollList() {
-        var _this14 = this;
+        var _this12 = this;
         if (!this.height) return;
         if (!this.$refs.virtualScroll) {
           console.warn('virtual dom is not ready');
           return;
         }
         this.$nextTick(function () {
-          _this14.$refs.virtualScroll.setListData(_this14.visibleNodes);
+          _this12.$refs.virtualScroll.setListData(_this12.visibleNodes);
         });
       },
       resize: function resize() {
@@ -55623,15 +55644,14 @@
   var __vue_script__$1j = script$1j;
   /* template */
   var __vue_render__$1l = function __vue_render__() {
+    var _obj;
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
     return _c('div', {
-      class: ['bk-big-tree', _vm.extCls, {
-        'with-virtual-scroll': !!_vm.height
-      }, {
-        'bk-big-tree--small': _vm.size === 'small'
-      }],
+      class: (_obj = {
+        'bk-big-tree': true
+      }, _obj[_vm.extCls] = true, _obj['with-virtual-scroll'] = !!_vm.height, _obj['bk-big-tree--small'] = _vm.size === 'small', _obj),
       style: {
         height: _vm.treeHeight
       }
@@ -59688,17 +59708,6 @@
 
   setInstaller(__vue_component__$1B);
 
-  var meta$1 = _meta.onFreeze;
-  _objectSap('freeze', function ($freeze) {
-    return function freeze(it) {
-      return $freeze && _isObject(it) ? $freeze(meta$1(it)) : it;
-    };
-  });
-
-  var freeze = _core.Object.freeze;
-
-  var freeze$1 = freeze;
-
   var script$1z = {
     name: 'bk-resize-layout',
     props: {