@mdsfe/mds-ui 0.2.0 → 0.2.9-rc.1

package/dist/tree.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("./icon"), require("./transition"), require("./checkbox")) : factory(root["./icon"], root["./transition"], root["./checkbox"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(window, function(__WEBPACK_EXTERNAL_MODULE__4__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__28__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__8__, __WEBPACK_EXTERNAL_MODULE__11__, __WEBPACK_EXTERNAL_MODULE__36__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -91,7 +91,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 92);
+/******/ 	return __webpack_require__(__webpack_require__.s = 100);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -203,77 +203,7 @@ function normalizeComponent (
 
 /***/ }),
 
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__13__;
-
-/***/ }),
-
-/***/ 131:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
-/***/ 20:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/core-js/get-iterator");
-
-/***/ }),
-
-/***/ 227:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
-/***/ 26:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/classCallCheck");
-
-/***/ }),
-
-/***/ 27:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/createClass");
-
-/***/ }),
-
-/***/ 28:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__28__;
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4__;
-
-/***/ }),
-
-/***/ 40:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/core-js/map");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("babel-runtime/helpers/typeof");
-
-/***/ }),
-
-/***/ 92:
+/***/ 100:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -281,10 +211,10 @@ module.exports = require("babel-runtime/helpers/typeof");
 __webpack_require__.r(__webpack_exports__);
 
 // EXTERNAL MODULE: ./components/style/index.less
-var style = __webpack_require__(131);
+var style = __webpack_require__(139);
 
 // EXTERNAL MODULE: ./components/tree/style/index.less
-var tree_style = __webpack_require__(227);
+var tree_style = __webpack_require__(236);
 
 // CONCATENATED MODULE: ./components/tree/style/index.js
 
@@ -300,17 +230,41 @@ var render = function () {
     [
       _vm._l(_vm.root.childNodes, function (item) {
         return _c("mds-tree-item", {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: !_vm.isEmpty,
+              expression: "!isEmpty",
+            },
+          ],
           key: _vm.getNodeKey(item),
-          attrs: { node: item, checkboxDisplay: _vm.checkboxDisplay },
+          attrs: {
+            node: item,
+            checkboxDisplay: _vm.checkboxDisplay,
+            checkTotalLine: _vm.checkTotalLine,
+          },
         })
       }),
-      _vm.isEmpty
-        ? _c("div", { staticClass: "mds-tree-empty-wrapper" }, [
-            _c("div", { staticClass: "mds-tree-empty-text" }, [
-              _vm._v(_vm._s(_vm.emptyText)),
-            ]),
-          ])
-        : _vm._e(),
+      _c(
+        "div",
+        {
+          directives: [
+            {
+              name: "show",
+              rawName: "v-show",
+              value: _vm.isEmpty,
+              expression: "isEmpty",
+            },
+          ],
+          staticClass: "mds-tree-empty-wrapper",
+        },
+        [
+          _c("div", { staticClass: "mds-tree-empty-text" }, [
+            _vm._v(_vm._s(_vm.emptyText)),
+          ]),
+        ]
+      ),
     ],
     2
   )
@@ -322,23 +276,23 @@ render._withStripped = true
 // CONCATENATED MODULE: ./components/tree/tree.vue?vue&type=template&id=e2198d78&
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/get-iterator"
-var get_iterator_ = __webpack_require__(20);
+var get_iterator_ = __webpack_require__(23);
 var get_iterator_default = /*#__PURE__*/__webpack_require__.n(get_iterator_);
 
 // EXTERNAL MODULE: external "babel-runtime/core-js/map"
-var map_ = __webpack_require__(40);
+var map_ = __webpack_require__(30);
 var map_default = /*#__PURE__*/__webpack_require__.n(map_);
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/typeof"
-var typeof_ = __webpack_require__(8);
+var typeof_ = __webpack_require__(9);
 var typeof_default = /*#__PURE__*/__webpack_require__.n(typeof_);
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/classCallCheck"
-var classCallCheck_ = __webpack_require__(26);
+var classCallCheck_ = __webpack_require__(34);
 var classCallCheck_default = /*#__PURE__*/__webpack_require__.n(classCallCheck_);
 
 // EXTERNAL MODULE: external "babel-runtime/helpers/createClass"
-var createClass_ = __webpack_require__(27);
+var createClass_ = __webpack_require__(35);
 var createClass_default = /*#__PURE__*/__webpack_require__.n(createClass_);
 
 // CONCATENATED MODULE: ./components/_util/tree/node.js
@@ -360,6 +314,8 @@ var node_Node = function () {
 
     // 是否显示，用于搜索
     this.visible = true;
+    // 搜索关键字，用于标记高亮
+    this.searchWords = null;
 
     for (var name in options) {
       if (options.hasOwnProperty(name)) {
@@ -854,7 +810,11 @@ var tree_Tree = function () {
       var recursionChildren = function recursionChildren(node) {
         var childNodes = node.root ? node.root.childNodes : node.childNodes;
         childNodes.forEach(function (item) {
+          item.searchWords = null;
           item.visible = _this3.searchNodeMethod.call(item, value, item.data, item);
+          if (item.visible) {
+            item.searchWords = value;
+          }
           recursionChildren(item);
         });
 
@@ -872,7 +832,7 @@ var tree_Tree = function () {
         }
 
         // 节点显示的情况下展开所有子节点
-        if (node.visible && !node.isLeaf && !_this3.load) {
+        if (node.visible && !node.isLeaf && !_this3.load && value) {
           node.changeExpanded(true);
         }
       };
@@ -924,18 +884,50 @@ var tree_Tree = function () {
       if (!Array.isArray(checkArr)) {
         throw new Error('需要输入一个key数组');
       }
-      checkArr.forEach(function (item) {
-        _this4.nodesMap.get(item).check = true;
-      });
+      var exec = function exec() {
+        _this4.nodesMap.forEach(function (item) {
+          item.check = false;
+        });
+        checkArr.forEach(function (item) {
+          _this4.nodesMap.get(item).check = true;
+        });
+      };
+      window.requestAnimationFrame(exec);
     }
   }, {
     key: 'setChecked',
     value: function setChecked(key, checkState) {
-      var node = this.nodesMap.get(key);
-      if (!node) {
-        throw new Error('请输入正确的key');
+      var _this5 = this;
+
+      // 分{key, check}数组和单独传入key两种形式
+      var is = function is(val, type) {
+        var res = Object.prototype.toString.call(val);
+        return res.includes(type);
+      };
+
+      var checkNode = function checkNode(_key, _checkState) {
+        var node = _this5.nodesMap.get(_key);
+        if (!node) {
+          throw new Error('请输入正确的key');
+        }
+        node.check = _checkState;
+      };
+
+      if (is(key, 'String') && is(checkState, 'Boolean')) {
+        checkNode(key, checkState);
+        return;
+      }
+      if (is(key, 'Array') && !checkState) {
+        var exec = function exec() {
+          key.forEach(function (_ref) {
+            var key = _ref.key,
+                check = _ref.check;
+
+            checkNode(key, check);
+          });
+        };
+        window.requestAnimationFrame(exec);
       }
-      node.check = checkState;
     }
   }, {
     key: 'getHalfCheckedNodes',
@@ -1103,14 +1095,14 @@ var tree_Tree = function () {
   }, {
     key: 'getCheckNodeTree',
     value: function getCheckNodeTree() {
-      var _this5 = this;
+      var _this6 = this;
 
       var root = this.root;
 
       if (Array.isArray(root.data)) {
         var newTree = [];
         root.indeterminateChildNodes.forEach(function (item) {
-          newTree.push(copyNode(item, _this5));
+          newTree.push(copyNode(item, _this6));
         });
         return newTree;
       } else {
@@ -1135,13 +1127,13 @@ var tree_Tree = function () {
       }
     }
   }, {
-    key: 'delectNodeByKey',
-    value: function delectNodeByKey(keys) {
-      var _this6 = this;
+    key: 'deleteNodeByKey',
+    value: function deleteNodeByKey(keys) {
+      var _this7 = this;
 
       if (Array.isArray(keys)) {
         keys.forEach(function (item) {
-          var node = _this6.nodesMap.get(item);
+          var node = _this7.nodesMap.get(item);
           if (node) node.remove();
         });
       } else {
@@ -1149,6 +1141,14 @@ var tree_Tree = function () {
         node.remove();
       }
     }
+  }, {
+    key: 'clearCheckNode',
+    value: function clearCheckNode() {
+      this.nodesMap.forEach(function (item) {
+        item.checked = false;
+        item.indeterminate = false;
+      });
+    }
   }]);
 
   return Tree;
@@ -1177,6 +1177,7 @@ var copyNode = function copyNode(node, tree) {
   });
   return newData;
 };
+
 // const deepCopy = function(o) {
 //   if (o instanceof Array) {
 //     let n = []
@@ -1201,23 +1202,27 @@ var tree_itemvue_type_template_id_7faeb42c_render = function () {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticClass: "mds-tree-item" },
+    {
+      directives: [
+        {
+          name: "show",
+          rawName: "v-show",
+          value: _vm.node.visible,
+          expression: "node.visible",
+        },
+      ],
+      staticClass: "mds-tree-item",
+      on: { click: _vm.handleCheckTotalLine },
+    },
     [
       _c(
         "div",
         {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: _vm.node.visible,
-              expression: "node.visible",
-            },
-          ],
           class: {
             "mds-tree-content": true,
-            "mds-tree-active": _vm.node.selected,
+            "mds-tree-active": this.checkTotalLine ? false : _vm.node.selected,
           },
+          style: { "padding-left": (_vm.node.level - 1) * 15 + "px" },
           on: {
             mouseenter: _vm.contentEnter,
             mouseleave: _vm.contentLeave,
@@ -1247,13 +1252,19 @@ var tree_itemvue_type_template_id_7faeb42c_render = function () {
             },
             [
               !_vm.node.isLeaf
-                ? _c("mds-icon", {
-                    class: { "mds-tree-trans": !_vm.node.expanded },
-                    attrs: { type: "fill-solid-down" },
-                  })
+                ? _c(
+                    "span",
+                    { staticClass: "mds-tree-expand-content" },
+                    [
+                      _c("mds-icon", {
+                        class: { "mds-tree-trans": !_vm.node.expanded },
+                        attrs: { type: "fill-solid-down" },
+                      }),
+                    ],
+                    1
+                  )
                 : _vm._e(),
-            ],
-            1
+            ]
           ),
           _c("mds-icon", {
             directives: [
@@ -1267,53 +1278,64 @@ var tree_itemvue_type_template_id_7faeb42c_render = function () {
             staticClass: "mds-tree-loading",
             attrs: { type: "line-sync", spin: "" },
           }),
-          _c(
-            "label",
-            {
-              directives: [
-                {
-                  name: "show",
-                  rawName: "v-show",
-                  value: _vm.checkboxDisplay,
-                  expression: "checkboxDisplay",
-                },
-              ],
-              staticClass: "mds-tree-checkbox",
-              on: {
-                mousedown: function ($event) {
-                  $event.stopPropagation()
-                },
-                click: function ($event) {
-                  $event.stopPropagation()
-                },
-              },
-            },
-            [
-              _c("mds-checkbox", {
-                attrs: {
-                  indeterminate: _vm.node.indeterminate,
-                  disabled: _vm.node.disabled,
-                },
-                on: { change: _vm.handleCheck },
-                model: {
-                  value: _vm.node.check,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.node, "check", $$v)
+          _vm.checkboxDisplay
+            ? [
+                _c(
+                  "label",
+                  { staticClass: "mds-tree-checkbox" },
+                  [
+                    _c("mds-checkbox", {
+                      attrs: {
+                        indeterminate: _vm.node.indeterminate,
+                        disabled: _vm.node.disabled,
+                      },
+                      on: { change: _vm.handleCheck },
+                      nativeOn: {
+                        click: function ($event) {
+                          $event.stopPropagation()
+                        },
+                      },
+                      model: {
+                        value: _vm.node.check,
+                        callback: function ($$v) {
+                          _vm.$set(_vm.node, "check", $$v)
+                        },
+                        expression: "node.check",
+                      },
+                    }),
+                  ],
+                  1
+                ),
+                _c(
+                  "div",
+                  { staticClass: "mds-tree-label-wrapper" },
+                  [
+                    _c(
+                      "label-content",
+                      _vm._b({}, "label-content", _vm.$props, false)
+                    ),
+                  ],
+                  1
+                ),
+              ]
+            : [
+                _c(
+                  "div",
+                  {
+                    staticClass: "mds-tree-label-wrapper",
+                    on: { click: _vm.handleCheck },
                   },
-                  expression: "node.check",
-                },
-              }),
-            ],
-            1
-          ),
-          _c(
-            "div",
-            { staticClass: "mds-tree-label-wrapper" },
-            [_c("label-content", { attrs: { node: _vm.node } })],
-            1
-          ),
+                  [
+                    _c(
+                      "label-content",
+                      _vm._b({}, "label-content", _vm.$props, false)
+                    ),
+                  ],
+                  1
+                ),
+              ],
         ],
-        1
+        2
       ),
       _c("div", {
         class: {
@@ -1336,6 +1358,7 @@ var tree_itemvue_type_template_id_7faeb42c_render = function () {
                         attrs: {
                           checkboxDisplay: _vm.checkboxDisplay,
                           node: item,
+                          checkTotalLine: _vm.checkTotalLine,
                         },
                       })
                     }),
@@ -1356,15 +1379,15 @@ tree_itemvue_type_template_id_7faeb42c_render._withStripped = true
 // CONCATENATED MODULE: ./components/tree/tree-item.vue?vue&type=template&id=7faeb42c&
 
 // EXTERNAL MODULE: external "./icon"
-var external_icon_ = __webpack_require__(4);
+var external_icon_ = __webpack_require__(8);
 var external_icon_default = /*#__PURE__*/__webpack_require__.n(external_icon_);
 
 // EXTERNAL MODULE: external "./checkbox"
-var external_checkbox_ = __webpack_require__(28);
+var external_checkbox_ = __webpack_require__(36);
 var external_checkbox_default = /*#__PURE__*/__webpack_require__.n(external_checkbox_);
 
 // EXTERNAL MODULE: external "./transition"
-var external_transition_ = __webpack_require__(13);
+var external_transition_ = __webpack_require__(11);
 var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_transition_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/tree/tree-item.vue?vue&type=script&lang=js&
@@ -1432,6 +1455,18 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
@@ -1445,7 +1480,34 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
     MdsCheckbox: external_checkbox_default.a,
     MdsTransition: external_transition_default.a,
     labelContent: {
-      props: ['node'],
+      props: ['node', 'checkTotalLine'],
+      methods: {
+        highlightLabel: function highlightLabel() {
+          var h = this.$createElement;
+          var _node = this.node,
+              searchWords = _node.searchWords,
+              label = _node.label;
+
+          var index = label.indexOf(searchWords);
+          if (index > -1) {
+            var reg = new RegExp('(' + searchWords + ')', 'g');
+            var tempArr = label.split(reg);
+            return tempArr.map(function (el) {
+              if (el === searchWords) {
+                return h(
+                  'span',
+                  { 'class': 'mds-tree-label-highlight' },
+                  [el]
+                );
+              } else {
+                return el;
+              }
+            });
+          } else {
+            return this.node.label;
+          }
+        }
+      },
       render: function render() {
         var h = arguments[0];
 
@@ -1454,15 +1516,16 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
         if (slot) {
           return slot(node);
         }
+
         return h(
           'label',
           {
             'class': {
               'mds-tree-label': true,
-              'mds-tree-active-label': node.selected
+              'mds-tree-active-label': this.checkTotalLine ? false : node.selected
             }
           },
-          [node.label]
+          [node.searchWords ? this.highlightLabel() : node.label]
         );
       }
     }
@@ -1472,7 +1535,8 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
       type: Object,
       required: true
     },
-    checkboxDisplay: Boolean
+    checkboxDisplay: Boolean,
+    checkTotalLine: Boolean
   },
   data: function data() {
     return {
@@ -1488,6 +1552,13 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
     }
   },
   methods: {
+    // 处理有checkbox时需要选中整行的情况
+    handleCheckTotalLine: function handleCheckTotalLine() {
+      if (this.checkTotalLine) {
+        this.node.check = !this.node.check;
+        this.handleCheck(this.node.check);
+      }
+    },
     expanded: function expanded() {
       this.node.changeExpanded(!this.node.expanded);
       var expandOrCollapse = void 0;
@@ -1511,6 +1582,7 @@ var external_transition_default = /*#__PURE__*/__webpack_require__.n(external_tr
     handleClick: function handleClick() {
       this.node.tree.handleSelectedChange(this.node.key);
       this.$tree.$emit('node-click', this.node.data, this.node, this.node.getPath(), this.node.getPath(true));
+      this.handleCheckTotalLine();
     },
     handleContextMenu: function handleContextMenu(e) {
       this.$tree.$emit('node-contextmenu', e, this.node.data, this.node, this.node.getPath(), this.node.getPath(true));
@@ -1687,6 +1759,8 @@ component.options.__file = "components/tree/tree-item.vue"
 //
 //
 //
+//
+//
 
 
 
@@ -1729,7 +1803,8 @@ component.options.__file = "components/tree/tree-item.vue"
     emptyText: {
       type: String,
       default: '暂无数据'
-    }
+    },
+    checkTotalLine: Boolean // 有checkbox时是否点击整行元素都响应
   },
   computed: {
     isEmpty: function isEmpty() {
@@ -1860,6 +1935,76 @@ tree.install = function (Vue) {
 };
 /* harmony default export */ var components_tree = __webpack_exports__["default"] = (tree);
 
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__11__;
+
+/***/ }),
+
+/***/ 139:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 23:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/get-iterator");
+
+/***/ }),
+
+/***/ 236:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/map");
+
+/***/ }),
+
+/***/ 34:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/classCallCheck");
+
+/***/ }),
+
+/***/ 35:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/createClass");
+
+/***/ }),
+
+/***/ 36:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__36__;
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__8__;
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/typeof");
+
 /***/ })
 
 /******/ });