"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.TreeList = exports.TreeHeader = exports.SingleModeWrapper = exports.SingleList = exports.SelectedList = exports.SelectedHeader = exports.SearchIcon = exports.MutiModeWrapper = exports.MutiModeRight = exports.MutiModeLeft = exports.ListWrapper = exports.ListHeader = exports.ListEmptyText = exports.List = exports.LinkWrapper = exports.ItemWrapper = exports.ItemTextContent = exports.ItemText = exports.ItemName = exports.InputWrapper = exports.Input = exports.Footer = exports.EmptyWrapper = exports.EmptyText = exports.DepartmentListWrapper = exports.ClearBtn = exports.CleanBtn = exports.Btn = exports.AdvancedModLink = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    background-color: #fff;\n    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);\n    border-radius: 5px;\n    height: 415px;\n    padding: 0 15px;\n    width: ", ";\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    /* transition: width .2s ease,margin .2s ease; */\n    /* margin-left: ", "; */\n"])), function (p) {
  return p.isSingleMode ? "310px" : "538px";
}, function (p) {
  return p.isSingleMode ? "0px" : "-228px";
});

exports.Wrapper = Wrapper;

var InputWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  box-sizing: border-box;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  margin: 10px 0;\n  padding: 15px 0;\n  border: 1px solid #E9ECF0;\n  border-radius: 5px;\n  transition: all .3s ease-in;\n  overflow: hidden;\n  border-color: ", ";\n  ", ";\n  &:hover {\n    border-color: #2879ff;\n  }\n"])), function (p) {
  return p.focus ? "#2879ff!important" : "#E9ECF0";
}, function (p) {
  return p.focus ? "box-shadow:0 0 6px 0px rgba(40, 121, 255, 0.3)" : "";
});

exports.InputWrapper = InputWrapper;

var Input = _styledComponents["default"].input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex: 1;\n  border: none;\n  outline: none;\n  font-size: 14px;\n  height: 30px;\n  line-height: 30px;\n"])));

exports.Input = Input;

var SearchIcon = _styledComponents["default"].i(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-right: 5px;\n  font-size: 11px;\n  background: #fff;\n  margin-left: 11px;\n"])), function (p) {
  return p.active ? "#2879ff !important" : "#8f9ca6";
});

exports.SearchIcon = SearchIcon;

var CleanBtn = _styledComponents["default"].a(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: #acb7bf;\n  font-size: 14px;\n  margin-right: 5px;\n  &:hover {\n    color: #F05E5E;\n  }\n"])));

exports.CleanBtn = CleanBtn;

var ItemWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: 46px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: #f5f8fa;\n    > i {\n      display: inline-block;\n    }\n  }\n  > i {\n    display: none;\n    color: #acb7bf;\n    &:hover {\n      color: #F05E5E;\n    }\n  }\n"])));

exports.ItemWrapper = ItemWrapper;

var ItemTextContent = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: calc(100% - 64px);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin-left: 5px;\n"])));

exports.ItemTextContent = ItemTextContent;

var ItemName = _styledComponents["default"].span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: #36434d;\n  font-size: 12px;\n  margin-right: 12px;\n"])));

exports.ItemName = ItemName;

var ItemText = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: #acb7bf;\n  font-size: 12px;\n  line-height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));

exports.ItemText = ItemText;

var SingleModeWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  /* height: 365px; */\n  height: 0;\n  flex: 1;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  padding: 5px 0;\n  overflow: hidden;\n"])));

exports.SingleModeWrapper = SingleModeWrapper;

var SingleList = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  flex: 1;\n"])));

exports.SingleList = SingleList;

var LinkWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 10px 0;\n  justify-content: flex-end;\n"])));

exports.LinkWrapper = LinkWrapper;

var AdvancedModLink = _styledComponents["default"].a(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  color: #2879ff;\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n\n  :hover {\n    color: #1b6cf1;\n  }\n"])));

exports.AdvancedModLink = AdvancedModLink;

var Footer = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n"])));

exports.Footer = Footer;

var MutiModeWrapper = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  height: 0;\n  overflow: hidden;\n"])));

exports.MutiModeWrapper = MutiModeWrapper;

var MutiModeLeft = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  /* flex: 1; */\n  width: 50%;\n  border-right: 1px solid #E9ECF0;\n  box-sizing: border-box;\n  padding-right: 10px;\n  /* width: 0; */\n"])));

exports.MutiModeLeft = MutiModeLeft;

var MutiModeRight = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  /* flex: 1; */\n  width: 50%;\n  box-sizing: border-box;\n  padding-left: 10px;\n  /* width: 0; */\n  display: flex;\n  flex-direction: column;\n"])));

exports.MutiModeRight = MutiModeRight;

var ListWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));

exports.ListWrapper = ListWrapper;

var ListHeader = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 5px 0 5px 10px;\n  margin-top: 0;\n  margin-bottom: 0;\n  font-size: 12px;\n  line-height: 20px;\n  color: #36434d;\n  i {\n    display: none;\n    cursor: pointer;\n    margin-right: 15px;\n    color: #acb7bf;\n    font-size: 14px;\n    &:hover {\n      color: #2879ff;\n    }\n  }\n  &:hover {\n    background-color: #f5f8fa;\n    i {\n      display: block;\n    }\n  }\n"])));

exports.ListHeader = ListHeader;

var SelectedHeader = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 0;\n  margin-bottom: 10px;\n  color: #36434d;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 5px 0;\n"])));

exports.SelectedHeader = SelectedHeader;

var List = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 0;\n  overflow: hidden;\n"])));

exports.List = List;

var TreeHeader = _styledComponents["default"].div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n  display: flex;\n  height: 30px;\n  align-items: center;\n  cursor: pointer;\n  color: #36434d;\n  justify-content: space-between;\n  &:hover {\n    background-color: #f5f8fa;\n    .tu-icon-add2,\n    .tu-icon-cross {\n      display: inline-block;\n    }\n  }\n  div {\n    display: flex;\n    align-items: center;\n  }\n  .tu-icon-cross {\n    display: none;\n    cursor: pointer;\n    margin-right: 15px;\n    color: #acb7bf;\n    font-size: 14px;\n    &:hover {\n      color: #F05E5E;\n    }\n  }\n  .tu-icon-add2 {\n    display: none;\n    cursor: pointer;\n    margin-right: 15px;\n    color: #acb7bf;\n    font-size: 14px;\n    &:hover {\n      color: #2879ff;\n    }\n  }\n  span {\n    font-size: 12px;\n    display: inline-block;\n    margin-left: 10px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  i {\n    transition: transform 0.3s ease;\n  }\n"])));

exports.TreeHeader = TreeHeader;

var TreeList = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  padding-left: 10px;\n"])));

exports.TreeList = TreeList;

var DepartmentListWrapper = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  height: 100%;\n"])));

exports.DepartmentListWrapper = DepartmentListWrapper;

var SelectedList = _styledComponents["default"].div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  flex: 1;\n  height: 0;\n  overflow: hidden;\n"])));

exports.SelectedList = SelectedList;

var ClearBtn = _styledComponents["default"].a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  cursor: ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n"])), function (p) {
  return p.active ? "pointer" : "not-allowed";
}, function (p) {
  return p.active ? "#2879ff" : "#acb7bf";
}, function (p) {
  return p.active ? "#1b6cf1" : "#acb7bf";
});

exports.ClearBtn = ClearBtn;

var EmptyText = _styledComponents["default"].p(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  font-size: 20px;\n  color: #e4ebf0;\n  line-height: 36px;\n  margin-top: 95px;\n  text-align: center;\n"])));

exports.EmptyText = EmptyText;

var Btn = _styledComponents["default"].a(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  display: inline-block;\n  color: #36434d;\n  background-color: #f5f8fa;\n  border-radius: 2px;\n  font-size: 12px;\n  line-height: 20px;\n  padding: 3px 10px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s;\n  cursor:pointer;\n  &:hover {\n    color: #36434d;\n    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);\n    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s;\n  }\n"])));

exports.Btn = Btn;

var EmptyWrapper = _styledComponents["default"].div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n"])));

exports.EmptyWrapper = EmptyWrapper;

var ListEmptyText = _styledComponents["default"].p(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  color: #bbbfee;\n  font-size: 14px;\n  line-height: 1.2;\n  text-align: center;\n"])));

exports.ListEmptyText = ListEmptyText;