@panpanzhao/component-ui 0.0.5 → 0.0.7

package/lib/components/table-editable.js

@@ -199,35 +199,382 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 22:
+/***/ 19:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ uuid; });
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ findTree; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ findTreeIndex; });
+__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ spliceTreeSelf; });
+
+// UNUSED EXPORTS: mapTree, eachTree, getTree, filterTree, everyTree, someTree, spliceTree, getTreeDepth, getTreeAncestors, getTreeParent
+
+// CONCATENATED MODULE: ./src/utils/helper.js
+// 参考 https://github.com/streamich/v4-uuid
+var str = function str() {
+  return ('00000000000000000' + (Math.random() * 0xffffffffffffffff).toString(16)).slice(-16);
+};
+var uuid = function uuid() {
+  var a = str();
+  var b = str();
+  return a.slice(0, 8) + '-' + a.slice(8, 12) + '-4' + a.slice(13) + '-a' + b.slice(1, 4) + '-' + b.slice(4);
+};
+// CONCATENATED MODULE: ./src/utils/tree.js
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/**
+ * 类似于 arr.map 方法，此方法主要针对类似下面示例的树形结构。
+ * [
+ *     {
+ *         children: []
+ *     },
+ *     // 其他成员
+ * ]
+ *
+ * @param {Tree} tree 树形数据
+ * @param {Function} iterator 处理函数，返回的数据会被替换成新的。
+ * @return {Tree} 返回处理过的 tree
+ */
+function mapTree(tree, iterator, level, depthFirst, paths) {
+  if (level === void 0) {
+    level = 1;
+  }
+  if (depthFirst === void 0) {
+    depthFirst = false;
+  }
+  if (paths === void 0) {
+    paths = [];
+  }
+  return tree.map(function (item, index) {
+    if (depthFirst) {
+      var children = item.children ? mapTree(item.children, iterator, level + 1, depthFirst, paths.concat(item)) : undefined;
+      children && (item = _extends({}, item, {
+        children: children
+      }));
+      item = iterator(item, index, level, paths) || _extends({}, item);
+      return item;
+    }
+    item = iterator(item, index, level, paths) || _extends({}, item);
+    if (item.children && item.children.splice) {
+      item.children = mapTree(item.children, iterator, level + 1, depthFirst, paths.concat(item));
+    }
+    return item;
+  });
+}
+
+/**
+ * 遍历树
+ * @param tree
+ * @param iterator
+ */
+function eachTree(tree, iterator, level, paths) {
+  if (level === void 0) {
+    level = 1;
+  }
+  if (paths === void 0) {
+    paths = [];
+  }
+  tree.map(function (item, index) {
+    var currentPath = paths.concat(item);
+    iterator(item, index, level, currentPath);
+    if (item.children && item.children.splice) {
+      eachTree(item.children, iterator, level + 1, currentPath);
+    }
+  });
+}
+/**
+ * 在树中查找节点。
+ * @param tree
+ * @param iterator
+ */
+function findTree(tree, iterator) {
+  var result = null;
+  everyTree(tree, function (item, key, level, paths) {
+    if (iterator(item, key, level, paths)) {
+      result = item;
+      return false;
+    }
+    return true;
+  });
+  return result;
+}
+
+/**
+ * 在树中查找节点, 返回下标数组。
+ * @param tree
+ * @param iterator
+ */
+function findTreeIndex(tree, iterator) {
+  var idx = [];
+  findTree(tree, function (item, index, level, paths) {
+    if (iterator(item, index, level, paths)) {
+      idx = [index];
+      paths = paths.concat();
+      paths.unshift({
+        children: tree
+      });
+      for (var i = paths.length - 1; i > 0; i--) {
+        var prev = paths[i - 1];
+        var current = paths[i];
+        idx.unshift(prev.children && prev.children.indexOf(current));
+      }
+      return true;
+    }
+    return false;
+  });
+  return idx.length ? idx : undefined;
+}
+function getTree(tree, idx) {
+  var indexes = Array.isArray(idx) ? idx.concat() : [idx];
+  var lastIndex = indexes.pop();
+  var list = tree;
+  for (var i = 0, len = indexes.length; i < len; i++) {
+    var index = indexes[i];
+    if (!list || !list[index]) {
+      list = null;
+      break;
+    }
+    list = list[index].children;
+  }
+  return list ? list[lastIndex] : undefined;
+}
+/**
+ * 过滤树节点
+ *
+ * @param tree
+ * @param iterator
+ */
+function filterTree(tree, iterator, level, depthFirst) {
+  if (level === void 0) {
+    level = 1;
+  }
+  if (depthFirst === void 0) {
+    depthFirst = false;
+  }
+  if (depthFirst) {
+    return tree.map(function (item) {
+      var children = item.children ? filterTree(item.children, iterator, level + 1, depthFirst) : undefined;
+      if (Array.isArray(children) && Array.isArray(item.children)) {
+        item = _extends({}, item, {
+          children: children
+        });
+      }
+      return item;
+    }).filter(function (item, index) {
+      return iterator(item, index, level);
+    });
+  }
+  return tree.filter(function (item, index) {
+    return iterator(item, index, level);
+  }).map(function (item) {
+    if (item.children && item.children.splice) {
+      var children = filterTree(item.children, iterator, level + 1, depthFirst);
+      if (Array.isArray(children) && Array.isArray(item.children)) {
+        item = _extends({}, item, {
+          children: children
+        });
+      }
+    }
+    return item;
+  });
+}
+
+/**
+ * 判断树中每个节点是否满足某个条件。
+ * @param tree
+ * @param iterator
+ */
+function everyTree(tree, iterator, level, paths, indexes) {
+  if (level === void 0) {
+    level = 1;
+  }
+  if (paths === void 0) {
+    paths = [];
+  }
+  if (indexes === void 0) {
+    indexes = [];
+  }
+  if (!Array.isArray(tree)) {
+    return false;
+  }
+  return tree.every(function (item, index) {
+    var value = iterator(item, index, level, paths, indexes);
+    if (value && item.children && item.children.splice) {
+      return everyTree(item.children, iterator, level + 1, paths.concat(item), indexes.concat(index));
+    }
+    return value;
+  });
+}
+
+/**
+ * 判断树中是否有某些节点满足某个条件。
+ * @param tree
+ * @param iterator
+ */
+function someTree(tree, iterator) {
+  var result = false;
+  everyTree(tree, function (item, key, level, paths) {
+    if (iterator(item, key, level, paths)) {
+      result = true;
+      return false;
+    }
+    return true;
+  });
+  return result;
+}
+
+/**
+ * 操作树，遵循 imutable, 每次返回一个新的树。
+ * 类似数组的 splice 不同的地方这个方法不修改原始数据，
+ * 同时第二个参数不是下标，而是下标数组，分别代表每一层的下标。
+ *
+ * 至于如何获取下标数组，请查看 findTreeIndex
+ *
+ * @param tree
+ * @param idx
+ * @param deleteCount
+ * @param ...items
+ */
+function spliceTree(tree, idx, deleteCount) {
+  if (deleteCount === void 0) {
+    deleteCount = 0;
+  }
+  var list = tree.concat();
+  for (var _len = arguments.length, items = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
+    items[_key - 3] = arguments[_key];
+  }
+  if (typeof idx === 'number') {
+    list.splice.apply(list, [idx, deleteCount].concat(items));
+  } else if (Array.isArray(idx) && idx.length) {
+    idx = idx.concat();
+    var lastIdx = idx.pop();
+    var host = idx.reduce(function (list, idx) {
+      var child = _extends({}, list[idx], {
+        children: list[idx].children ? list[idx].children.concat() : []
+      });
+      list[idx] = child;
+      return child.children;
+    }, list);
+    host.splice.apply(host, [lastIdx, deleteCount].concat(items));
+  }
+  return list;
+}
+
+/**
+ * 计算树的深度
+ * @param tree
+ */
+function getTreeDepth(tree) {
+  return Math.max.apply(Math, tree.map(function (item) {
+    if (Array.isArray(item.children)) {
+      return 1 + getTreeDepth(item.children);
+    }
+    return 1;
+  }));
+}
+
+/**
+ * 从树中获取某个值的所有祖先
+ * @param tree
+ * @param value
+ */
+function getTreeAncestors(tree, value, includeSelf) {
+  if (includeSelf === void 0) {
+    includeSelf = false;
+  }
+  var ancestors = null;
+  findTree(tree, function (item, index, level, paths) {
+    if (item === value) {
+      ancestors = paths;
+      if (includeSelf) {
+        ancestors.push(item);
+      }
+      return true;
+    }
+    return false;
+  });
+  return ancestors;
+}
+
+/**
+ * 从树中获取某个值的上级
+ * @param tree
+ * @param value
+ */
+function getTreeParent(tree, value) {
+  var ancestors = getTreeAncestors(tree, value);
+  return ancestors && ancestors.length ? ancestors[ancestors.length - 1] : null;
+}
+
+/**
+ * 操作树,修车原来的树, 返回修改后的树。
+ * 类似数组的 splice 修改原始数据，
+ * 同时第二个参数不是下标，而是下标数组，分别代表每一层的下标。
+ *
+ * 至于如何获取下标数组，请查看 findTreeIndex
+ *
+ * @param tree
+ * @param idx
+ * @param deleteCount
+ * @param ...items
+ */
+function spliceTreeSelf(tree, idx, deleteCount) {
+  if (deleteCount === void 0) {
+    deleteCount = 0;
+  }
+  var list = tree;
+  for (var _len2 = arguments.length, items = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
+    items[_key2 - 3] = arguments[_key2];
+  }
+  if (typeof idx === 'number') {
+    list.splice.apply(list, [idx, deleteCount].concat(items));
+  } else if (Array.isArray(idx) && idx.length) {
+    idx = idx.concat();
+    var lastIdx = idx.pop();
+    var host = idx.reduce(function (list, idx) {
+      return list[idx] && list[idx].children || [];
+    }, list);
+    host.splice.apply(host, [lastIdx, deleteCount].concat(items));
+  }
+  return list;
+}
+// CONCATENATED MODULE: ./src/utils/index.js
+
+
+
+/***/ }),
+
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/form-input");
 
 /***/ }),
 
-/***/ 23:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/table-column");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/table");
 
 /***/ }),
 
-/***/ 54:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("element-ui/lib/popover");
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("async-validator");
@@ -241,8 +588,8 @@ module.exports = require("async-validator");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-editable/src/index.vue?vue&type=template&id=1701e242&
-var srcvue_type_template_id_1701e242_render = function render() {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-editable/src/index.vue?vue&type=template&id=6b872934&
+var srcvue_type_template_id_6b872934_render = function render() {
   var _vm = this,
     _c = _vm._self._c
   return _c(
@@ -283,13 +630,13 @@ var srcvue_type_template_id_1701e242_render = function render() {
   )
 }
 var staticRenderFns = []
-srcvue_type_template_id_1701e242_render._withStripped = true
+srcvue_type_template_id_6b872934_render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table-editable/src/index.vue?vue&type=template&id=1701e242&
+// CONCATENATED MODULE: ./src/components/table-editable/src/index.vue?vue&type=template&id=6b872934&
 
 // EXTERNAL MODULE: external "element-ui/lib/table"
-var table_ = __webpack_require__(25);
+var table_ = __webpack_require__(26);
 var table_default = /*#__PURE__*/__webpack_require__.n(table_);
 
 // EXTERNAL MODULE: external "@vue/babel-helper-vue-jsx-merge-props"
@@ -297,19 +644,19 @@ var babel_helper_vue_jsx_merge_props_ = __webpack_require__(0);
 var babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(babel_helper_vue_jsx_merge_props_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table-column"
-var table_column_ = __webpack_require__(23);
+var table_column_ = __webpack_require__(24);
 var table_column_default = /*#__PURE__*/__webpack_require__.n(table_column_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form-input"
-var form_input_ = __webpack_require__(22);
+var form_input_ = __webpack_require__(23);
 var form_input_default = /*#__PURE__*/__webpack_require__.n(form_input_);
 
 // EXTERNAL MODULE: external "element-ui/lib/popover"
-var popover_ = __webpack_require__(54);
+var popover_ = __webpack_require__(55);
 var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
 
 // EXTERNAL MODULE: external "async-validator"
-var external_async_validator_ = __webpack_require__(55);
+var external_async_validator_ = __webpack_require__(56);
 var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(external_async_validator_);
 
 // CONCATENATED MODULE: ./src/components/table-editable/src/form-item.js
@@ -648,8 +995,11 @@ var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(extern
     var param = {
       attrs: Object.assign({
         prop: this.prop,
-        label: this.label
-      }, this.$attrs),
+        label: this.label,
+        showOverflowTooltip: false
+      }, this.$attrs, {
+        fixed: false
+      }),
       on: Object.assign({}, this.$listeners),
       slots: this.$slots,
       scopedSlots: this.$scopedSlots
@@ -662,9 +1012,13 @@ var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(extern
     return h(table_column_default.a, babel_helper_vue_jsx_merge_props_default()([{}, param]));
   }
 });
+// EXTERNAL MODULE: ./src/utils/index.js + 2 modules
+var utils = __webpack_require__(19);
+
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-editable/src/index.vue?vue&type=script&lang=js&
 
 
+
 /* harmony default export */ var srcvue_type_script_lang_js_ = ({
   name: "TableEditable",
   componentName: "TableEditable",
@@ -679,9 +1033,15 @@ var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(extern
   },
   props: {
     rowKey: {
-      type: String,
+      type: [String, Function],
       default: function _default() {
-        return "id";
+        return "$rowKey";
+      }
+    },
+    hasChildren: {
+      type: Boolean,
+      default: function _default() {
+        return false;
       }
     },
     data: {
@@ -909,11 +1269,29 @@ var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(extern
       });
       return fieldMap;
     },
-    addRow: function addRow(data) {
-      this.data.push(Object.assign({}, this.rowData, data));
+    addRow: function addRow(data, parentRow) {
+      var _Object$assign;
+      var rowData = Object.assign((_Object$assign = {}, _Object$assign[this.rowKey] = Object(utils["d" /* uuid */])(), _Object$assign), this.rowData, data);
+      if (this.hasChildren && !rowData.children) {
+        rowData.children = [];
+      }
+      if (parentRow) {
+        if (!parentRow.children) {
+          this.$set(parentRow, "children", []);
+        }
+        parentRow.children.push(rowData);
+      } else {
+        this.data.push(rowData);
+      }
     },
-    deleteRow: function deleteRow(index) {
+    deleteByIndex: function deleteByIndex(index) {
       this.data && this.data.splice(index, 1);
+    },
+    deleteByRow: function deleteByRow(row) {
+      var _this4 = this;
+      Object(utils["c" /* spliceTreeSelf */])(this.data, Object(utils["b" /* findTreeIndex */])(this.data, function (item) {
+        return item[_this4.rowKey] === row[_this4.rowKey];
+      }), 1);
     }
   }
 });
@@ -932,7 +1310,7 @@ var componentNormalizer = __webpack_require__(1);
 
 var component = Object(componentNormalizer["a" /* default */])(
   table_editable_srcvue_type_script_lang_js_,
-  srcvue_type_template_id_1701e242_render,
+  srcvue_type_template_id_6b872934_render,
   staticRenderFns,
   false,
   null,

package/lib/components/table-search.js

@@ -206,14 +206,14 @@ module.exports = require("element-ui/lib/button");
 
 /***/ }),
 
-/***/ 52:
+/***/ 53:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/form");
 
 /***/ }),
 
-/***/ 53:
+/***/ 54:
 /***/ (function(module, exports) {
 
 module.exports = require("@panpanzhao/component-ui/lib/components/table");
@@ -227,7 +227,7 @@ module.exports = require("@panpanzhao/component-ui/lib/components/table");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=43bcdd3e&
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/vue-loader/lib??vue-loader-options!./src/components/table-search/src/index.vue?vue&type=template&id=d82821d8&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -239,33 +239,35 @@ var render = function render() {
             _c("Form", _vm._b({ ref: "form" }, "Form", _vm.formProps, false)),
             _vm._t("tools", function () {
               return [
-                _c(
-                  "div",
-                  { staticClass: "table-search_tools" },
-                  [
-                    _c(
-                      "el-button",
-                      {
-                        attrs: {
-                          loading: _vm.pageData.searchLoading,
-                          type: "primary",
-                          icon: "el-icon-search",
-                        },
-                        on: { click: _vm.searchSubmit },
-                      },
-                      [_vm._v("\n          查询\n        ")]
-                    ),
-                    _c(
-                      "el-button",
-                      {
-                        attrs: { icon: "el-icon-refresh-left" },
-                        on: { click: _vm.reset },
-                      },
-                      [_vm._v("重置")]
-                    ),
-                  ],
-                  1
-                ),
+                _vm.search.form
+                  ? _c(
+                      "div",
+                      { staticClass: "table-search_tools" },
+                      [
+                        _c(
+                          "el-button",
+                          {
+                            attrs: {
+                              loading: _vm.pageData.searchLoading,
+                              type: "primary",
+                              icon: "el-icon-search",
+                            },
+                            on: { click: _vm.searchSubmit },
+                          },
+                          [_vm._v("\n          查询\n        ")]
+                        ),
+                        _c(
+                          "el-button",
+                          {
+                            attrs: { icon: "el-icon-refresh-left" },
+                            on: { click: _vm.reset },
+                          },
+                          [_vm._v("重置")]
+                        ),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
               ]
             }),
           ],
@@ -284,18 +286,18 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=43bcdd3e&
+// CONCATENATED MODULE: ./src/components/table-search/src/index.vue?vue&type=template&id=d82821d8&
 
 // EXTERNAL MODULE: external "element-ui/lib/button"
 var button_ = __webpack_require__(4);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/form"
-var form_ = __webpack_require__(52);
+var form_ = __webpack_require__(53);
 var form_default = /*#__PURE__*/__webpack_require__.n(form_);
 
 // EXTERNAL MODULE: external "@panpanzhao/component-ui/lib/components/table"
-var table_ = __webpack_require__(53);
+var table_ = __webpack_require__(54);
 var table_default = /*#__PURE__*/__webpack_require__.n(table_);
 
 // EXTERNAL MODULE: external "lodash"