@hi-ui/hiui 2.15.11 → 2.15.12

package/es/tree/tree-legacy/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _Tree = _interopRequireDefault(require("./Tree"));
+
+var _default = _Tree["default"];
+exports["default"] = _default;

package/es/tree/tree-legacy/style/index.css

@@ -0,0 +1 @@
+.hi-tree--legacy{font-size:14px;font:normal 14px/1.5 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:left;text-indent:0;text-shadow:none;text-transform:none;letter-spacing:0;word-spacing:normal;white-space:normal;color:#333;color:#383e47}.hi-tree--legacy a{padding-left:0;padding-right:0}.hi-tree--legacy p,.hi-tree--legacy blockquote,.hi-tree--legacy ul,.hi-tree--legacy ol,.hi-tree--legacy dl,.hi-tree--legacy table,.hi-tree--legacy pre,.hi-tree--legacy h1,.hi-tree--legacy h2,.hi-tree--legacy h3,.hi-tree--legacy h4,.hi-tree--legacy h5,.hi-tree--legacy h6{margin-top:0;margin-bottom:0}.hi-tree--legacy ul,.hi-tree--legacy ol{margin:0;padding:0;list-style-type:none}.hi-tree--legacy ul ul,.hi-tree--legacy ul ol,.hi-tree--legacy ol ul,.hi-tree--legacy ol ol{margin-top:0;margin-bottom:0}.hi-tree--legacy li+li{margin-top:0}.hi-tree--legacy dl{margin-top:0;margin-bottom:0}.hi-tree--legacy .hi-tree__searcher{position:relative;padding-left:15px;margin-bottom:24px}.hi-tree--legacy .hi-tree__searcher .hi-tree__searcher--empty{position:absolute;top:34px;color:#999;left:39px;font-size:12px}.hi-tree--legacy .hi-tree__searcher .hi-input__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tree--legacy .hi-tree__searcher .hi-input--append{line-height:32px}.hi-tree--legacy .hi-tree__searcher .hi-input--append .hi-input__append{width:32px;text-align:center}.hi-tree--legacy .hi-tree__divider{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree--legacy .hi-tree__divider--top{top:23px}.hi-tree--legacy .hi-tree__divider--bottom{bottom:-2px}.hi-tree--legacy .hi-tree__divider .divider-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#4284f5}.hi-tree--legacy .hi-tree__divider .divider-circle{-webkit-box-flex:0;-ms-flex:0 0 5px;flex:0 0 5px;height:5px;border:1px solid #4284f5;border-radius:2.5px;-webkit-box-sizing:border-box;box-sizing:border-box}.hi-tree--legacy ul{padding-left:15px}.hi-tree--legacy li:last-child.with-line::before{display:none}.hi-tree--legacy li{position:relative}.hi-tree--legacy li>.item--wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:5px}.hi-tree--legacy li.with-line::before{content:' ';width:1px;border-left:1px dashed #bfc1c3;height:calc(100% - 16px);position:absolute;left:6px;margin:22px 0}.hi-tree--legacy li .editing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree--legacy li .editing .hi-input{width:240px;margin-right:20px}.hi-tree--legacy li .hi-checkbox-label{display:none}.hi-tree--legacy li.switcher-none .hi-tree-switcher{cursor:default}.hi-tree--legacy li.switcher-none .hi-tree-switcher::after{content:none}.hi-tree--legacy_item-text{cursor:pointer;display:inline-block;vertical-align:middle;padding:0 4px;position:relative;line-height:24px;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree--legacy_item-text.dragTo{background-color:#4284f5}.hi-tree--legacy_item-text.dragToGapBottom{border-top:1px solid #4284f5}.hi-tree--legacy_item-text.dragToGapTop{border-bottom:1px solid #4284f5}.hi-tree--legacy_item-text.has_checkbox{width:calc(100% - 40px);padding-left:4px}.hi-tree--legacy_item-text:hover{background-color:rgba(66,133,244,0.08);color:#383e47}.hi-tree--legacy_item-text.dragging{background-color:#f6f6f6;color:#ccc}.hi-tree--legacy_item-text.highlight{color:#fff;background-color:#4285f4}.hi-tree--legacy_item-text .right-click-menu{color:#333;position:absolute;top:0;left:calc(100% + 5px);z-index:1;width:120px;background:#fff;border:1px solid #e6e7e8;border-radius:2px;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 1px}.hi-tree--legacy_item-text .right-click-menu li{padding-left:15px;height:36px;line-height:36px;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree--legacy_item-text .right-click-menu li:hover{background:rgba(66,133,244,0.08)}.hi-tree--legacy_item-icon{display:inline-block;vertical-align:middle;width:18px;cursor:pointer}.hi-tree--legacy_item-icon .hi-tree-switcher{color:#999;font-size:16px}.hi-tree--legacy .hi-tree-bar{position:relative;height:20px;line-height:20px}.hi-tree--legacy .hi-tree-bar .hi-tree-switcher{position:absolute;left:1px;background:#fff;padding:6px 0;font-size:12px;line-height:1;vertical-align:middle;display:inline-block;cursor:pointer}.hi-tree--legacy .hi-tree-bar .hi-tree-node{display:inline-block;padding:2px 6px;border-radius:2px;overflow:hidden;vertical-align:middle}.hi-tree--legacy .hi-tree-bar .hi-tree-node[draggable='true']{-webkit-user-drag:element;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.hi-tree--legacy .hi-tree-bar .hi-tree-node label{margin-left:16px;cursor:pointer}.hi-tree--legacy .hi-tree-bar .hi-tree-input{display:none}.hi-tree--legacy .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox::after{content:'';display:inline-block;width:8px;height:4px;border:2px solid #fff;border-top:none;border-right:none;-webkit-transform:rotate(-45deg) translate(6px, -4px);transform:rotate(-45deg) translate(6px, -4px)}.hi-tree--legacy .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox{background-color:#4284f5}.hi-tree--legacy .hi-tree-bar .hi-tree-checkbox{width:14px;height:14px;border:1px solid #d8d8d8;display:inline-block;vertical-align:middle}.hi-tree--legacy .hi-tree-bar .hi-tree-title{display:inline-block;margin-left:4px;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hi-tree--legacy .hi-tree-bar .hi-tree-title:hover{background-color:#e6f7ff}.hi-tree--legacy .hi-tree-bar .hi-tree-title>*{display:inline-block}.hi-tree--legacy .hi-tree-bar.gap-bottom{border-bottom-color:#f00}.hi-tree--legacy .hi-tree-bar.gap-enter{background-color:#ff0}.hi-tree--legacy .hi-tree-bar.gap-top{border-top-color:#f00}.hi-tree--legacy .hi-tree-child{overflow:hidden}

package/es/tree/tree-legacy/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/es/tree/tree-legacy/util.js

@@ -0,0 +1,434 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toggleSlide = toggleSlide;
+exports.calcDropPosition = calcDropPosition;
+exports.getOffset = getOffset;
+exports.insBefore = insBefore;
+exports.insAfter = insAfter;
+exports.insChild = insChild;
+exports.deepClone = deepClone;
+exports.deepMap = deepMap;
+exports.getChild = getChild;
+exports.getSemi = getSemi;
+exports.getChildren = getChildren;
+exports.getDisabled = getDisabled;
+exports.getItem = getItem;
+exports.getAll = getAll;
+exports.findNode = exports.collectExpandId = exports.getAncestorIds = exports.getChildrenIds = exports.getParentId = exports.dealData = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+/**
+ * @Author lishuaishuai <lishuaishuai@xiaomi.com>
+ * @Date 2018-03-22 11:14:48
+ * @Description tree相关工具封装
+ */
+
+/**
+ * toggleSlide动画
+ * @param {element} el 目标节点
+ * @param {boolen} isClose 当前状态是否为关闭
+ * @param {function} func 动画结束后的回调行数
+ */
+function toggleSlide(el, isClose, func) {
+  if (!isClose) {
+    el.style.display = 'block';
+    el.style.height = 0;
+  }
+
+  var maxDelay = 300;
+  var height = el.scrollHeight;
+  var speed = Math.max(height / maxDelay, 0.5);
+  var sum = 0;
+  var start = null;
+
+  var animate = function animate(timestamp) {
+    if (!start) start = timestamp;
+    var progress = timestamp - start;
+    sum = progress * speed;
+    el.style.height = "".concat(isClose ? height - sum : sum, "px");
+
+    if (height < sum) {
+      if (isClose) {
+        el.style.display = 'none';
+      }
+
+      el.style.height = '';
+      func();
+    } else {
+      window.requestAnimationFrame(animate);
+    }
+  };
+
+  window.requestAnimationFrame(animate);
+}
+/**
+ * 计算鼠标在当前节点的位置
+ * @param {*} event
+ * @param {*} treeNode 拖拽进入的当前节点
+ */
+
+
+function calcDropPosition(event, treeNode) {
+  var offsetTop = getOffset(treeNode).top;
+  var offsetHeight = treeNode.offsetHeight;
+  var pageY = event.pageY;
+  var gapHeight = 2;
+
+  if (pageY > offsetTop + offsetHeight - gapHeight) {
+    return 1;
+  }
+
+  if (pageY < offsetTop + gapHeight) {
+    return -1;
+  }
+
+  return 0;
+}
+/**
+ * 计算offset
+ * @param {*} ele
+ */
+
+
+function getOffset(ele) {
+  if (!ele.getClientRects().length) {
+    return {
+      top: 0,
+      left: 0
+    };
+  }
+
+  var rect = ele.getBoundingClientRect();
+
+  if (rect.width || rect.height) {
+    var doc = ele.ownerDocument;
+    var win = doc.defaultView;
+    var docElem = doc.documentElement;
+    return {
+      top: rect.top + win.pageYOffset - docElem.clientTop,
+      left: rect.left + win.pageXOffset - docElem.clientLeft
+    };
+  }
+
+  return rect;
+}
+/**
+ * 将当前节点移动到目标节点之前
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insBefore(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode; // li
+
+  target.parentNode.insertBefore(current, target);
+}
+/**
+ * 将当前节点移动到目标节点之后
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insAfter(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode; // li
+
+  if (target.parentNode.lastChild === target) {
+    target.parentNode.appendChild(current);
+  } else {
+    target.parentNode.insertBefore(current, target.nextSibling);
+  }
+}
+/**
+ * 将当前节点移动为目标节点子节点
+ * @param {ele} cur 当前节点
+ * @param {ele} tar 目标节点
+ */
+
+
+function insChild(cur, tar) {
+  var current = cur.parentNode.parentNode; // li
+
+  var target = tar.parentNode.parentNode; // li
+
+  if (current === target) return;
+
+  if (target.childNodes.length > 1) {
+    tar.parentNode.nextSibling.appendChild(current);
+  } else {
+    var ul = document.createElement('ul');
+    ul.setAttribute('class', 'hi-tree-child');
+    ul.appendChild(current);
+    target.appendChild(ul);
+  }
+
+  target.classList.remove('switcher-none');
+}
+/**
+ * 深拷贝
+ * @param {*} arr
+ */
+
+
+function deepClone(arr) {
+  var i;
+  var copy;
+
+  if (Array.isArray(arr)) {
+    copy = arr.slice(0);
+
+    for (i = 0; i < copy.length; i += 1) {
+      copy[i] = deepClone(copy[i]);
+    }
+
+    return copy;
+  } else if ((0, _typeof2["default"])(arr) === 'object') {
+    return Object.assign({}, arr);
+  }
+
+  return arr;
+}
+
+function deepMap(data, parent) {
+  var arr = [];
+
+  for (var key in data) {
+    var item = _objectSpread({}, data[key]);
+
+    if (parent) {
+      item.parent = parent;
+    } else {
+      item.parent = [];
+    }
+
+    if (item.children && item.children.length > 0) {
+      var childParent = (0, _toConsumableArray2["default"])(item.parent);
+      childParent.unshift(item.id);
+      arr = arr.concat(deepMap(item.children, childParent));
+      delete item.children;
+    } else {// item.parent = parent
+    }
+
+    arr.push(item);
+  }
+
+  return arr;
+}
+
+function getChild(data, id) {
+  var arr = [];
+  data.forEach(function (item) {
+    if (!item.parent.includes(id)) {
+      return;
+    }
+
+    if (arr.includes(id)) {
+      return;
+    }
+
+    arr.push(item.id);
+  });
+  return arr;
+}
+
+function getSemi(data, checks) {
+  var all = deepMap(data);
+  var arr = all.map(function (item) {
+    item.child = getChild(all, item.id);
+    item.family = item.parent.concat(item.child);
+    item.semi = false;
+    var num = 0;
+    checks.forEach(function (c) {
+      if (item.child.includes(c)) {
+        num = num + 1;
+      }
+    });
+    item.num = num;
+    item.semi = num !== 0 && num !== item.child.length;
+    return item;
+  }).filter(function (item) {
+    return item.semi;
+  }).map(function (item) {
+    return item.id;
+  });
+  return arr;
+}
+
+function getChildren(data, id) {
+  var all = deepMap(data);
+  return all.map(function (item) {
+    item.child = getChild(all, item.id);
+    return item;
+  }).find(function (item) {
+    return item.id === id;
+  }).child;
+}
+
+function getDisabled(data) {
+  var all = deepMap(data);
+  return all.filter(function (item) {
+    return item.disabled;
+  }).map(function (item) {
+    return item.id;
+  });
+}
+
+function getItem(data, id) {
+  var all = deepMap(data);
+  return all.find(function (item) {
+    return item.id === id;
+  });
+}
+
+function getAll(data, checkedKeys) {
+  var all = deepMap(data);
+  all = all.map(function (item) {
+    item.child = getChild(all, item.id);
+    item.family = item.parent.concat(item.child);
+    item.semi = false;
+    var num = 0;
+    checkedKeys.forEach(function (c) {
+      if (item.child.includes(c)) {
+        num = num + 1;
+      }
+    });
+    item.num = num;
+    item.semi = num !== 0 && num !== item.child.length;
+    return item;
+  });
+  return all;
+}
+
+var dealData = function dealData(data) {
+  var tempData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
+  if (data.length === 0) {
+    return data;
+  }
+
+  data.map(function (item) {
+    tempData[item.id] = _objectSpread({}, item);
+
+    if (parent) {
+      tempData[item.id].parent = parent;
+    }
+
+    if (item.children && item.children.length > 0) {
+      var tempArr = [];
+      item.children.map(function (i) {
+        tempArr.push(i.id);
+      });
+      tempData[item.id].children = tempArr;
+      dealData(item.children, tempData, item.id);
+    }
+  });
+}; // 寻找某一节点的父节点
+
+
+exports.dealData = dealData;
+
+var getParentId = function getParentId(id, data) {
+  var parentId;
+  data.forEach(function (item) {
+    if (item.children) {
+      if (item.children.some(function (item) {
+        return item.id === id;
+      })) {
+        parentId = item.id;
+      } else if (getParentId(id, item.children)) {
+        parentId = getParentId(id, item.children);
+      }
+    }
+  });
+  return parentId;
+}; // 寻找某一节点的所有子节点
+
+
+exports.getParentId = getParentId;
+
+var getChildrenIds = function getChildrenIds(node) {
+  var arr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  if (node.children) {
+    arr = node.children.map(function (i) {
+      return i.id;
+    }).concat(arr);
+  }
+
+  node.children.forEach(function (c) {
+    return getChildrenIds(c, arr);
+  });
+  return arr;
+}; // 寻找某一节点的所有祖先节点
+
+
+exports.getChildrenIds = getChildrenIds;
+
+var getAncestorIds = function getAncestorIds(id, data) {
+  var arr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+
+  if (getParentId(id, data)) {
+    arr.push(getParentId(id, data));
+    getAncestorIds(getParentId(id, data), data, arr);
+  }
+
+  return arr;
+}; // 收集所有需要展开的节点 id
+
+
+exports.getAncestorIds = getAncestorIds;
+
+var collectExpandId = function collectExpandId(data, searchValue) {
+  var collection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var allData = arguments.length > 3 ? arguments[3] : undefined;
+  data.forEach(function (item) {
+    if (searchValue && item.title.includes(searchValue)) {
+      var parentIds = getAncestorIds(item.id, allData, []);
+      collection.splice.apply(collection, [collection.length - 1, 0].concat((0, _toConsumableArray2["default"])(parentIds)));
+    }
+
+    if (item.children) {
+      collectExpandId(item.children, searchValue, collection, allData);
+    }
+  });
+  return collection;
+}; // 给定一个结合，根据 id 寻找节点
+
+
+exports.collectExpandId = collectExpandId;
+
+var findNode = function findNode(itemId, data) {
+  var node;
+  data.forEach(function (d, index) {
+    if (d.id === itemId) {
+      node = d;
+    } else {
+      if (d.children && findNode(itemId, d.children)) {
+        node = findNode(itemId, d.children);
+      }
+    }
+  });
+  return node;
+};
+
+exports.findNode = findNode;