@hi-ui/hiui 2.15.11 → 2.15.12

package/es/tree/__tests__/index.test.js

@@ -0,0 +1,599 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _reactDndTestUtils = require("react-dnd-test-utils");
+
+var _ = _interopRequireDefault(require("../"));
+
+var _Tree = require("../Tree");
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
+
+var Foo =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2["default"])(Foo, _React$Component);
+
+  function Foo(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Foo);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Foo).call(this, props));
+    _this.treeData = [{
+      id: 1,
+      title: '小米人',
+      children: [{
+        id: 2,
+        title: '技术',
+        disabled: true,
+        children: [{
+          id: 3,
+          title: '后端',
+          disabled: true
+        }, {
+          id: 4,
+          title: '运维'
+        }, {
+          id: 5,
+          title: '前端'
+        }]
+      }, {
+        id: 6,
+        title: '产品'
+      }]
+    }, {
+      id: 11,
+      title: '小米2',
+      children: [{
+        id: 22,
+        title: '技术2',
+        expand: true,
+        children: [{
+          id: 33,
+          title: '后端2'
+        }, {
+          id: 44,
+          title: '运维2'
+        }, {
+          id: 55,
+          title: '前端2'
+        }]
+      }, {
+        id: 66,
+        title: '产品2'
+      }]
+    }];
+    _this.state = {
+      checkedKeys: []
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Foo, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return _react["default"].createElement("div", {
+        style: {
+          width: 300
+        }
+      }, _react["default"].createElement(_["default"], {
+        checkable: true,
+        defaultExpandAll: true,
+        editable: true,
+        data: this.treeData,
+        checkedIds: this.state.checkedKeys,
+        onChange: function onChange(checkedKeys, title, bool, semi) {
+          _this2.setState({
+            checkedKeys: checkedKeys
+          });
+        },
+        highlightable: true,
+        onClick: function onClick(data) {}
+      }));
+    }
+  }]);
+  return Foo;
+}(_react["default"].Component);
+
+describe('tree', function () {
+  var clock;
+  beforeEach(function () {
+    clock = _sinon["default"].useFakeTimers();
+  });
+  afterEach(function () {
+    clock.restore();
+  });
+  var treeData = [{
+    id: 1,
+    title: '小米',
+    children: [{
+      id: 2,
+      title: '技术',
+      disabled: true,
+      children: [{
+        id: 3,
+        title: '后端',
+        onClick: function onClick(data) {},
+        disabled: true
+      }, {
+        id: 4,
+        title: '运维'
+      }, {
+        id: 5,
+        title: '前端'
+      }]
+    }, {
+      id: 6,
+      title: '产品'
+    }]
+  }, {
+    id: 11,
+    title: '小米',
+    children: [{
+      id: 22,
+      title: '技术',
+      children: [{
+        id: 33,
+        title: '后端'
+      }, {
+        id: 44,
+        title: '运维'
+      }, {
+        id: 55,
+        title: '前端'
+      }]
+    }, {
+      id: 66,
+      title: '产品'
+    }]
+  }];
+  it('basic And defaultExpandAll', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      data: treeData,
+      defaultExpandAll: true,
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    })));
+    expect(wrapper.find('.hi-tree')).toHaveLength(1);
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    expect(wrapper.find('.can-expand')).toHaveLength(3);
+    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(0);
+    wrapper.unmount();
+  });
+  it('basic Legacy', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      Legacy: true,
+      data: treeData,
+      defaultExpandAll: true,
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    })));
+    expect(wrapper.find('.hi-tree')).toHaveLength(1);
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    expect(wrapper.find('.can-expand')).toHaveLength(3);
+    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(0);
+    wrapper.unmount();
+  });
+  it('should checkable', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Foo, null));
+    expect(wrapper.find('.hi-tree')).toHaveLength(1);
+    expect(wrapper.find('.hi-checkbox-legacy__input')).toHaveLength(12);
+    expect(wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input')).toHaveLength(6);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__label').at(0).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy--disabled').find('.hi-checkbox-legacy__label').at(0).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(6);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--part')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
+    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
+    wrapper.unmount();
+  });
+  it('ContextMenuOption', function () {
+    var fn = jest.fn();
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      editable: true,
+      data: treeData,
+      onSave: function onSave(saveNode, data) {},
+      onDelete: function onDelete(deleteNode, data) {},
+      contextMenu: [{
+        title: '自定义',
+        onClick: function onClick(item, node) {
+          fn();
+        }
+      }],
+      onChange: function onChange(data) {},
+      highlightable: true
+    })));
+    expect(wrapper.find('.hi-tree')).toHaveLength(1); // 编辑节点
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(0).simulate('click');
+    expect(fn).toHaveBeenCalled();
+    wrapper.unmount();
+  });
+  it('should editable Node CRUD For contextMenu And apperance Is line', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      data: treeData,
+      editable: true,
+      apperance: "line",
+      onSave: function onSave(saveNode, data) {},
+      onDelete: function onDelete(deleteNode, data) {},
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    })));
+    expect(wrapper.find('.hi-tree')).toHaveLength(1);
+    expect(wrapper.find('.hi-tree--show-line')).toHaveLength(1);
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('contextmenu');
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click'); // 编辑节点取消
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
+    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
+    wrapper.find('.right-click-menu li').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.editing').find('span').at(1).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0); // 编辑节点确定
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
+    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
+    wrapper.find('.right-click-menu li').at(0).simulate('click');
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: '小米'
+      }
+    });
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0);
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(2); // 添加子节点
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(1).simulate('click');
+    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(3);
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click'); // 添加子节点未展开
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(1).simulate('click');
+    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(4); // 添加节点取消
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(2).simulate('click');
+    wrapper.find('.editing').find('span').at(1).simulate('click');
+    expect(wrapper.find('.is-root')).toHaveLength(3); // 添加节点确定
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(2).simulate('click');
+    wrapper.find('.editing').find('span').at(0).simulate('click');
+    expect(wrapper.find('.is-root')).toHaveLength(4); // 删除节点
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
+    wrapper.find('.right-click-menu li').at(3).simulate('click');
+    wrapper.find('.hi-btn--type--primary').at(1).simulate('click');
+    expect(wrapper.find('.is-root')).toHaveLength(3);
+    wrapper.unmount();
+  });
+  it('should searchable', function () {
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      searchable: true,
+      data: treeData,
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    })));
+    expect(wrapper.find('.hi-tree__searcher')).toHaveLength(1);
+    wrapper.find('input').simulate('change', {
+      target: {
+        value: '小米'
+      }
+    });
+    expect(wrapper.find('.is-root')).toHaveLength(2);
+  });
+  it('should draggable', function (done) {
+    var WrapTrees = (0, _reactDndTestUtils.wrapInTestContext)(_Tree.Tree);
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement(WrapTrees // defaultExpandAll
+    , {
+      draggable: true,
+      editable: true,
+      data: treeData,
+      onDragStart: function onDragStart(dragNode) {},
+      onDropEnd: function onDropEnd(dragNode, dropNode) {},
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    }));
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('click');
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('contextmenu'); // const backend = getBackendFromInstance(wrapper.instance())
+
+    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
+    wrapper.find('.hi-tree_item-text').at(0).simulate('click');
+    expect(wrapper.find('.hi-tree_item-text').at(0).hasClass('highlight')).toBeTruthy(); // 右键
+
+    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
+    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
+    wrapper.find('.right-click-menu li').at(0).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
+    wrapper.find('.is-root').at(0).find('.editing').find('span').at(1).simulate('click');
+    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
+    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0);
+    var backend = wrapper.instance().getManager().getBackend();
+    var sourceItem = wrapper.find('DragSource(TreeItem)').at(0);
+    var monitor = wrapper.instance().getManager().getMonitor();
+    var registry = wrapper.instance().getManager().getRegistry();
+    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()]);
+    var targetItem = wrapper.find('DropTarget(DragSource(TreeItem))').at(0);
+    backend.simulateHover([targetItem.instance().getHandlerId()], {
+      clientOffset: {
+        x: 60,
+        y: 70
+      }
+    });
+    backend.simulateHover([targetItem.instance().getHandlerId()], {
+      clientOffset: {
+        x: 0,
+        y: 0
+      }
+    });
+    expect(monitor.getClientOffset()).toEqual({
+      x: 0,
+      y: 0
+    });
+    backend.simulateDrop();
+    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
+    expect(monitor.getInitialClientOffset()).toEqual(null);
+    expect(monitor.getClientOffset()).toEqual(null);
+    expect(monitor.getSourceClientOffset()).toEqual(null);
+    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
+    backend.simulateEndDrag();
+    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
+    expect(monitor.getInitialClientOffset()).toEqual(null);
+    expect(monitor.getClientOffset()).toEqual(null);
+    expect(monitor.getSourceClientOffset()).toEqual(null);
+    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
+    var sourceItem2 = wrapper.find('DragSource(TreeItem)').at(1);
+    backend.simulateBeginDrag([sourceItem2.instance().getHandlerId()], {
+      clientOffset: {
+        x: 50,
+        y: 40
+      },
+      getSourceClientOffset: function getSourceClientOffset() {
+        return {
+          x: 20,
+          y: 10
+        };
+      }
+    });
+    var targetItem2 = wrapper.find('DropTarget(DragSource(TreeItem))').at(1);
+    backend.simulateHover([targetItem2.instance().getHandlerId(), targetItem.instance().getHandlerId()]);
+    backend.simulateDrop();
+    backend.simulateEndDrag();
+    (0, _reactDndTestUtils.simulateDragDropSequence)(sourceItem.instance(), targetItem2.instance(), backend);
+    monitor.subscribeToStateChange(done);
+    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()], {
+      clientOffset: {
+        x: 0,
+        y: 0
+      },
+      getSourceClientOffset: function getSourceClientOffset() {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    });
+    backend.simulateDrop();
+    backend.simulateEndDrag();
+    monitor.subscribeToStateChange(done);
+    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()], {
+      clientOffset: {
+        x: 20,
+        y: 20
+      },
+      getSourceClientOffset: function getSourceClientOffset() {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    });
+    monitor.subscribeToOffsetChange(done);
+    backend.simulateHover([targetItem2.instance().getHandlerId()], {
+      clientOffset: {
+        x: 20,
+        y: 10
+      }
+    });
+    backend.simulateDrop();
+    backend.simulateEndDrag();
+    wrapper.find('.hi-tree_item-icon').at(1).simulate('click');
+    wrapper.find('.hi-tree_item-icon').at(2).simulate('click');
+    wrapper.find('.hi-tree_item-icon').at(3).simulate('click');
+    backend.simulateBeginDrag([sourceItem2.instance().getHandlerId()], {
+      clientOffset: {
+        x: 30,
+        y: 20
+      },
+      getSourceClientOffset: function getSourceClientOffset() {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    });
+    var targetId = targetItem2.instance().getHandlerId();
+    var raisedChange = false;
+    monitor.subscribeToOffsetChange(function () {
+      raisedChange = true;
+    });
+    backend.simulateHover([targetId], {
+      clientOffset: {
+        x: 10,
+        y: 20
+      }
+    });
+    backend.simulateHover([targetId], {
+      clientOffset: {
+        x: 10,
+        y: 22
+      }
+    });
+    backend.simulateHover([targetId], {
+      clientOffset: {
+        x: 16,
+        y: 20
+      }
+    });
+    backend.simulateHover([targetId], {
+      clientOffset: {
+        x: 5,
+        y: 20
+      }
+    });
+    expect(monitor.getClientOffset()).toEqual({
+      x: 5,
+      y: 20
+    });
+    backend.simulateDrop();
+    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
+    expect(monitor.getInitialClientOffset()).toEqual(null);
+    expect(monitor.getClientOffset()).toEqual(null);
+    expect(monitor.getSourceClientOffset()).toEqual(null);
+    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
+    backend.simulateEndDrag();
+    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
+    expect(monitor.getInitialClientOffset()).toEqual(null);
+    expect(monitor.getClientOffset()).toEqual(null);
+    expect(monitor.getSourceClientOffset()).toEqual(null);
+    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
+    wrapper.unmount();
+  });
+  it('should loadTreeNode', function () {
+    var treeDataLoad = [{
+      id: 1,
+      title: '小米',
+      children: [{
+        id: 2,
+        title: '技术',
+        children: [{
+          id: 3,
+          title: '后端',
+          onClick: function onClick(data) {}
+        }, {
+          id: 4,
+          title: '运维'
+        }, {
+          id: 5,
+          title: '前端'
+        }]
+      }, {
+        id: 6,
+        title: '产品'
+      }]
+    }, {
+      id: 11,
+      title: '小米',
+      children: [{
+        id: 22,
+        title: '技术'
+      }, {
+        id: 66,
+        title: '产品'
+      }]
+    }];
+    var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
+      style: {
+        width: 500
+      }
+    }, _react["default"].createElement(_["default"], {
+      loadTreeNode: function loadTreeNode(id) {
+        var obj = {
+          method: 'get',
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded'
+          },
+          data: {},
+          params: {
+            id: id
+          },
+          url: 'http://yapi.demo.qunar.com/mock/26534/hiui/async-tree',
+          transformResponse: function transformResponse(res) {
+            return res.data;
+          }
+        };
+        return obj;
+      },
+      defaultExpandAll: true,
+      editable: true,
+      data: treeDataLoad,
+      onChange: function onChange(data) {},
+      highlightable: true,
+      onClick: function onClick(item) {}
+    })));
+    wrapper.find('.is-root').at(1).find('ul').find('li').at(1).find('.hi-tree_item-icon').simulate('click');
+    clock.tick(400);
+    wrapper.unmount();
+  });
+}); //DropTarget(DragSource(TreeItem))

package/es/tree/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,7 +9,12 @@ exports["default"] = void 0;
 
 var _Tree = _interopRequireDefault(require("./Tree"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _index = _interopRequireDefault(require("./tree-legacy/index"));
+
+var _SwitchVersion = _interopRequireDefault(require("../_util/SwitchVersion"));
+
+var _context = _interopRequireDefault(require("../context"));
+
+var _default = (0, _SwitchVersion["default"])((0, _context["default"])(_Tree["default"]), _index["default"]);
 
-var _default = _Tree["default"];
 exports["default"] = _default;

package/es/tree/style/index.css

@@ -1 +1 @@
-.hi-tree{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:#000}.hi-tree a{padding-left:0;padding-right:0}.hi-tree p,.hi-tree blockquote,.hi-tree ul,.hi-tree ol,.hi-tree dl,.hi-tree table,.hi-tree pre,.hi-tree h1,.hi-tree h2,.hi-tree h3,.hi-tree h4,.hi-tree h5,.hi-tree h6{margin-top:0;margin-bottom:0}.hi-tree ul,.hi-tree ol{margin:0;padding:0;list-style-type:none}.hi-tree ul ul,.hi-tree ul ol,.hi-tree ol ul,.hi-tree ol ol{margin-top:0;margin-bottom:0}.hi-tree li+li{margin-top:0}.hi-tree dl{margin-top:0;margin-bottom:0}.hi-tree .hi-tree__searcher{position:relative;padding-left:15px;margin-bottom:24px}.hi-tree .hi-tree__searcher .hi-tree__searcher--empty{position:absolute;top:34px;color:#999;left:39;font-size:12}.hi-tree .hi-tree__searcher .hi-input__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tree .hi-tree__searcher .hi-input--append{line-height:32px}.hi-tree .hi-tree__searcher .hi-input--append .hi-input__append{width:32px;text-align:center}.hi-tree .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 .hi-tree__divider--top{top:21px}.hi-tree .hi-tree__divider--bottom{bottom:-2px}.hi-tree .hi-tree__divider .divider-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#4284f5}.hi-tree .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 ul{padding-left:15px}.hi-tree li:last-child.with-line::before{display:none}.hi-tree li{position:relative}.hi-tree 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 li .editing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree li .editing .hi-input{width:240px;margin-right:20px}.hi-tree li .hi-checkbox-label{display:none}.hi-tree li.switcher-none .hi-tree-switcher{cursor:default}.hi-tree li.switcher-none .hi-tree-switcher::after{content:none}.hi-tree_item-text{cursor:pointer;display:inline-block;vertical-align:middle;padding:0 4px;position:relative;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree_item-text.dragTo{background-color:#4284f5}.hi-tree_item-text.dragToGapBottom{border-top:1px solid #4284f5}.hi-tree_item-text.dragToGapTop{border-bottom:1px solid #4284f5}.hi-tree_item-text.has_checkbox{width:calc(100% - 40px);padding-left:4px}.hi-tree_item-text:hover{background-color:rgba(66,133,244,0.08);color:#383e47}.hi-tree_item-text.dragging{background-color:#f6f6f6;color:#ccc}.hi-tree_item-text.highlight{color:#fff;background-color:#4285f4}.hi-tree_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_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_item-text .right-click-menu li:hover{background:rgba(66,133,244,0.08)}.hi-tree_item-icon{display:inline-block;vertical-align:middle;width:18px;cursor:pointer}.hi-tree .hi-tree-bar{position:relative;height:20px;line-height:20px}.hi-tree .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 .hi-tree-bar .hi-tree-node{display:inline-block;padding:2px 6px;border-radius:2px;overflow:hidden;vertical-align:middle}.hi-tree .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 .hi-tree-bar .hi-tree-node label{margin-left:16px;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-input{display:none}.hi-tree .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 .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox{background-color:#4284f5}.hi-tree .hi-tree-bar .hi-tree-checkbox{width:14px;height:14px;border:1px solid #d8d8d8;display:inline-block;vertical-align:middle}.hi-tree .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 .hi-tree-bar .hi-tree-title:hover{background-color:#e6f7ff}.hi-tree .hi-tree-bar .hi-tree-title>*{display:inline-block}.hi-tree .hi-tree-bar.gap-bottom{border-bottom-color:#f00}.hi-tree .hi-tree-bar.gap-enter{background-color:#ff0}.hi-tree .hi-tree-bar.gap-top{border-top-color:#f00}.hi-tree .hi-tree-child{overflow:hidden}
+.hi-tree{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 a{padding-left:0;padding-right:0}.hi-tree p,.hi-tree blockquote,.hi-tree ul,.hi-tree ol,.hi-tree dl,.hi-tree table,.hi-tree pre,.hi-tree h1,.hi-tree h2,.hi-tree h3,.hi-tree h4,.hi-tree h5,.hi-tree h6{margin-top:0;margin-bottom:0}.hi-tree ul,.hi-tree ol{margin:0;padding:0;list-style-type:none}.hi-tree ul ul,.hi-tree ul ol,.hi-tree ol ul,.hi-tree ol ol{margin-top:0;margin-bottom:0}.hi-tree li+li{margin-top:0}.hi-tree dl{margin-top:0;margin-bottom:0}.hi-tree .hi-checkbox-legacy{margin-left:6px}.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #4284f5}.hi-tree .hi-checkbox-legacy--checked:not(.hi-checkbox-legacy--disabled) .hi-checkbox-legacy__input{border:1px solid #4284f5}.hi-tree .hi-tree__searcher{position:relative;padding-left:15px;margin-bottom:24px}.hi-tree .hi-tree__searcher .hi-tree__searcher--empty{position:absolute;top:34px;color:#999;left:39px;font-size:12px}.hi-tree .hi-tree__searcher .hi-input__inner{-webkit-box-flex:1;-ms-flex:1;flex:1}.hi-tree .hi-tree__searcher .hi-input--append{line-height:32px}.hi-tree .hi-tree__searcher .hi-input--append .hi-input__append{width:32px;height:30px;border-radius:2px 0 0 2px;border:1px solid #d8d8d8;border-left:none;text-align:center}.hi-tree .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 .hi-tree__divider--top{top:0}.hi-tree .hi-tree__divider--inner{bottom:-2px}.hi-tree .hi-tree__divider--bottom{bottom:0}.hi-tree .hi-tree__divider .divider-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#4284f5}.hi-tree .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.hi-tree--show-line li>ul{position:relative}.hi-tree.hi-tree--show-line li>ul::after{position:absolute;top:0;left:-10px;width:1px;height:100%;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root>.item__wrapper::before{display:none}.hi-tree.hi-tree--show-line li.is-root>.item__wrapper::after{display:none}.hi-tree.hi-tree--show-line li.is-root>ul{position:relative}.hi-tree.hi-tree--show-line li.is-root>ul::after{display:none}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type)>ul>li:last-of-type>ul::after{display:block;height:calc(100% + 4px)}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type)>ul>li:last-of-type>.item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(100% + 8px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root:not(:last-of-type).no-expanded::before{position:absolute;top:calc(50% + 5px);left:9px;width:1px;height:calc(50% - 5px);background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li.is-root:not(:first-of-type):not(.no-expanded)>.item__wrapper::before{position:absolute;top:1px;left:7px;width:1px;height:calc(50% - 9px);background:#c8c8c8;content:'';display:block}.hi-tree.hi-tree--show-line li.is-root:not(:first-of-type).no-expanded::after{position:absolute;top:0;left:9px;width:1px;height:calc(50% - 11px);background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li:last-of-type>.item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(50% + 2px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line li:last-of-type>ul::after{display:none}.hi-tree.hi-tree--show-line .item__wrapper .hi-checkbox-legacy{height:24px}.hi-tree.hi-tree--show-line .item__wrapper.can-expand::before{width:10px}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.hi-tree_item-text{padding-left:8px}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.hi-tree_item-text::before{position:absolute;top:calc(50% + 8px);left:-11px;height:calc(50% - 4px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.editing{position:relative}.hi-tree.hi-tree--show-line .item__wrapper--expanded.can-expand>.editing::before{position:absolute;top:calc(50% + 7px);left:-11px;height:calc(50% - 2px);width:1px;background:#c8c8c8;content:''}.hi-tree.hi-tree--show-line .item__wrapper::before{position:absolute;left:-10px;top:50%;height:1px;width:14px;background:#c8c8c8;-webkit-transform:translateY(-3px);transform:translateY(-3px);content:''}.hi-tree.hi-tree--show-line .item__wrapper::after{position:absolute;top:-4px;left:-10px;height:calc(100% + 4px);width:1px;background:#c8c8c8;content:''}.hi-tree ul{padding-left:15px}.hi-tree li{position:relative;padding:2px}.hi-tree li>.item__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:5px;position:relative}.hi-tree li .editing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hi-tree li .editing .hi-input{width:240px;margin-right:20px}.hi-tree li .hi-checkbox-label{display:none}.hi-tree li.switcher-none .hi-tree-switcher{cursor:default}.hi-tree li.switcher-none .hi-tree-switcher::after{content:none}.hi-tree_item-text{cursor:pointer;display:inline-block;vertical-align:middle;padding:0 4px;position:relative;line-height:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background 0.3s;transition:background 0.3s}.hi-tree_item-text.dragTo{background-color:#4284f5}.hi-tree_item-text.dragToGapBottom{border-top:1px solid #4284f5}.hi-tree_item-text.dragToGapTop{border-bottom:1px solid #4284f5}.hi-tree_item-text.has_checkbox{width:calc(100% - 40px);padding-left:4px}.hi-tree_item-text--disabled{color:rgba(0,0,0,0.25);cursor:not-allowed}.hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(66,133,244,0.08);color:#383e47}.hi-tree_item-text.dragging{background-color:#f6f6f6;color:#ccc}.hi-tree_item-text.highlight{background-color:rgba(66,133,245,0.2)}.hi-tree_item-icon{display:inline-block;vertical-align:middle;width:18px;cursor:pointer}.hi-tree_item-icon .hi-tree-switcher{color:#666;font-size:16px}.hi-tree_item-icon .hi-tree__dot{position:absolute;width:7px;height:7px;border-radius:3.5px;background:#c8c8c8;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;left:3.5px}.hi-tree .hi-tree-bar{position:relative;height:20px;line-height:20px}.hi-tree .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 .hi-tree-bar .hi-tree-node{display:inline-block;padding:2px 6px;border-radius:2px;overflow:hidden;vertical-align:middle}.hi-tree .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 .hi-tree-bar .hi-tree-node label{margin-left:16px;cursor:pointer}.hi-tree .hi-tree-bar .hi-tree-input{display:none}.hi-tree .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 .hi-tree-bar .hi-tree-input:checked+.hi-tree-checkbox{background-color:#4284f5}.hi-tree .hi-tree-bar .hi-tree-checkbox{width:14px;height:14px;border:1px solid #d8d8d8;display:inline-block;vertical-align:middle}.hi-tree .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 .hi-tree-bar .hi-tree-title:hover{background-color:#e6f7ff}.hi-tree .hi-tree-bar .hi-tree-title>*{display:inline-block}.hi-tree .hi-tree-bar.gap-bottom{border-bottom-color:#f00}.hi-tree .hi-tree-bar.gap-enter{background-color:#ff0}.hi-tree .hi-tree-bar.gap-top{border-top-color:#f00}.hi-tree .hi-tree-child{overflow:hidden}.right-click-menu{color:#333;position:absolute;z-index:1060;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:0;list-style:none;margin:0;max-height:240px;overflow:auto}.right-click-menu li{padding:0 15px;height:36px;line-height:36px;-webkit-transition:background 0.3s;transition:background 0.3s;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.right-click-menu li:hover{background:rgba(66,133,244,0.08)}.theme__orange.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #f63}.theme__orange.hi-tree .hi-checkbox-legacy__label.highlight{color:#f63}.theme__orange.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(255,102,51,0.08);color:#383e47}.theme__orange.hi-tree .hi-tree_item-text.dragTo{background-color:#f63}.theme__orange.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #f63}.theme__orange.hi-tree .hi-tree_item-text.highlight{background-color:rgba(255,102,51,0.2)}.theme__orange.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#f63}.theme__orange.hi-tree .hi-tree__divider .divider-line{background-color:#f63}.theme__orange.hi-tree .hi-tree__divider .divider-circle{border:1px solid #f63}.theme__orange.right-click-menu li:hover{background-color:rgba(255,102,51,0.15)}.theme__cyan.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #46bc99}.theme__cyan.hi-tree .hi-checkbox-legacy__label.highlight{color:#46bc99}.theme__cyan.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(70,188,153,0.08);color:#383e47}.theme__cyan.hi-tree .hi-tree_item-text.dragTo{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #46bc99}.theme__cyan.hi-tree .hi-tree_item-text.highlight{background-color:rgba(70,188,153,0.2)}.theme__cyan.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree__divider .divider-line{background-color:#46bc99}.theme__cyan.hi-tree .hi-tree__divider .divider-circle{border:1px solid #46bc99}.theme__cyan.right-click-menu li:hover{background-color:rgba(70,188,153,0.15)}.theme__magenta.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #ff5975}.theme__magenta.hi-tree .hi-checkbox-legacy__label.highlight{color:#ff5975}.theme__magenta.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(255,89,117,0.08);color:#383e47}.theme__magenta.hi-tree .hi-tree_item-text.dragTo{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #ff5975}.theme__magenta.hi-tree .hi-tree_item-text.highlight{background-color:rgba(255,89,117,0.2)}.theme__magenta.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree__divider .divider-line{background-color:#ff5975}.theme__magenta.hi-tree .hi-tree__divider .divider-circle{border:1px solid #ff5975}.theme__magenta.right-click-menu li:hover{background-color:rgba(255,89,117,0.15)}.theme__lavender.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #b450de}.theme__lavender.hi-tree .hi-checkbox-legacy__label.highlight{color:#b450de}.theme__lavender.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(180,80,222,0.08);color:#383e47}.theme__lavender.hi-tree .hi-tree_item-text.dragTo{background-color:#b450de}.theme__lavender.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #b450de}.theme__lavender.hi-tree .hi-tree_item-text.highlight{background-color:rgba(180,80,222,0.2)}.theme__lavender.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#b450de}.theme__lavender.hi-tree .hi-tree__divider .divider-line{background-color:#b450de}.theme__lavender.hi-tree .hi-tree__divider .divider-circle{border:1px solid #b450de}.theme__lavender.right-click-menu li:hover{background-color:rgba(180,80,222,0.15)}.theme__blue.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #3da8f5}.theme__blue.hi-tree .hi-checkbox-legacy__label.highlight{color:#3da8f5}.theme__blue.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(61,168,245,0.08);color:#383e47}.theme__blue.hi-tree .hi-tree_item-text.dragTo{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #3da8f5}.theme__blue.hi-tree .hi-tree_item-text.highlight{background-color:rgba(61,168,245,0.2)}.theme__blue.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree__divider .divider-line{background-color:#3da8f5}.theme__blue.hi-tree .hi-tree__divider .divider-circle{border:1px solid #3da8f5}.theme__blue.right-click-menu li:hover{background-color:rgba(61,168,245,0.15)}.theme__purple.hi-tree .hi-checkbox-legacy--part .hi-checkbox-legacy__input{border:1px solid #8a8acb}.theme__purple.hi-tree .hi-checkbox-legacy__label.highlight{color:#8a8acb}.theme__purple.hi-tree .hi-checkbox-legacy--checked .hi-checkbox-legacy__input{border:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text:hover:not(.hi-tree_item-text--disabled){background-color:rgba(138,138,203,0.08);color:#383e47}.theme__purple.hi-tree .hi-tree_item-text.dragTo{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree_item-text.dragToGapBottom{border-top:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text.dragToGapTop{border-bottom:1px solid #8a8acb}.theme__purple.hi-tree .hi-tree_item-text.highlight{background-color:rgba(138,138,203,0.2)}.theme__purple.hi-tree .hi-tree-bar-input:checked+.hi-tree-checkbox{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree__divider .divider-line{background-color:#8a8acb}.theme__purple.hi-tree .hi-tree__divider .divider-circle{border:1px solid #8a8acb}.theme__purple.right-click-menu li:hover{background-color:rgba(138,138,203,0.15)}