"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Wrapper = exports.WorkNameWrapper = exports.UserSelectorWrapper = exports.Tag = exports.Separator = exports.SearchWrapper = exports.Radio = exports.ProgressText = exports.PricipleName = exports.OptionItem = exports.OkrName = exports.NoMore = exports.LoadMore = exports.List = exports.KrWeightVert = exports.KrWeight = exports.KrTag = exports.KrItemWrapper = exports.ItemWrapper = exports.ItemTop = exports.ItemObjectiveContainer = exports.ItemKrContainer = exports.ItemBottom = exports.Header = exports.Footer = exports.FilterTop = exports.FilterOptionsWrapper = exports.FilterLeftWrapper = exports.FilterBottom = exports.Filter = exports.ButtonGroup = exports.Button = exports.Body = 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, _templateObject31, _templateObject32, _templateObject33;

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  width: 589px;\n  height: 488px;\n  margin-top: ", ";\n  background: #ffffff;\n  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n"])), function (p) {
  return p.okrPopType === 1 ? 0 : '32px';
});

exports.Wrapper = Wrapper;

var Header = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  background-image: linear-gradient(90deg, #2879ff 1%, #5cadff 100%);\n  height: 34px;\n  align-items: center;\n  font-size: 14px;\n  color: #fff;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));

exports.Header = Header;

var Body = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  padding: 0 17px;\n  height: 0;\n"])));

exports.Body = Body;

var Filter = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 20px;\n"])));

exports.Filter = Filter;

var FilterTop = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n"])));

exports.FilterTop = FilterTop;

var FilterLeftWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  > div {\n    flex: 1;\n  }\n"])));

exports.FilterLeftWrapper = FilterLeftWrapper;

var UserSelectorWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 26px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  font-size: 14px;\n  color: #36434d;\n  user-select: none;\n  box-sizing: border-box;\n  display: flex;\n  border-radius: 4px;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n  background: #fff;\n  align-items: center;\n  padding: 0 5px;\n  span {\n    /* flex: 1; */\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .tu-icon-sort-up {\n    transform: rotate(180deg);\n    color: #bfc3c7;\n    transition: transform 0.3s ease;\n  }\n"])));

exports.UserSelectorWrapper = UserSelectorWrapper;

var SearchWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  width: 174px;\n  height: 22px;\n  display: flex;\n  justify-content: space-between;\n"])));

exports.SearchWrapper = SearchWrapper;

var FilterBottom = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 14px;\n  padding: 6px;\n  background: #fafbfc;\n  border-radius: 2px;\n  font-size: 12px;\n  line-height: 22px;\n  > span {\n    color: #36434d;\n    margin-right: 10px;\n    white-space: nowrap;\n  }\n"])));

exports.FilterBottom = FilterBottom;

var FilterOptionsWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex: 1;\n  a {\n    color: #2879ff;\n    margin-right: 9px;\n    cursor: pointer;\n  }\n"])));

exports.FilterOptionsWrapper = FilterOptionsWrapper;

var OptionItem = _styledComponents["default"].span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  color: #36434d;\n  white-space: normal;\n  word-break: break-all;\n  margin-right: 10px;\n  line-height: 22px;\n  i {\n    color: #c4ccd2;\n    font-size: 16px;\n    cursor: pointer;\n    margin-left: 5px;\n    vertical-align: sub;\n  }\n  i:hover {\n    color: #ee4344;\n  }\n"])));

exports.OptionItem = OptionItem;

var List = _styledComponents["default"].ul(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 358px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\6682\\65e0\\6570\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"], ["\n  /* overflow: auto; */\n  flex: 1;\n  max-height: 358px;\n  overflow-y: scroll;\n  &:empty::after {\n    content: '\\\\6682\\\\65e0\\\\6570\\\\636e';\n    display: block;\n    color: #c5c5c5;\n    border: dashed 1px #c5c5c5;\n    padding: 30px 25px;\n    border-radius: 3px;\n    text-align: center;\n    font-size: 22px;\n    line-height: 30px;\n    margin-top: 100px;\n  }\n"])));

exports.List = List;

var ItemWrapper = _styledComponents["default"].li(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  min-height: 60px;\n  /* border-bottom: 1px dashed #F0F2F5; */\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding-top: 8px;\n  padding-right: 30px;\n"])));

exports.ItemWrapper = ItemWrapper;

var ItemObjectiveContainer = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  border-bottom: 1px dashed #f0f2f5;\n"])));

exports.ItemObjectiveContainer = ItemObjectiveContainer;

var ItemKrContainer = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  transition: all 0.3s ease;\n\n  & > div {\n    height: 38px;\n    line-height: 38px;\n    padding-left: 76px;\n    border-bottom: 1px dashed #f0f2f5;\n  }\n\n  &.slideIn {\n    max-height: 1000px;\n    opacity: 1;\n    visibility: visible;\n  }\n\n  &.slideOut {\n    max-height: 0;\n    opacity: 0;\n    visibility: hidden;\n  }\n\n  a {\n    margin-right: 10px;\n  }\n\n  span {\n    font-size: 13px;\n    color: #565e66;\n  }\n"])));

exports.ItemKrContainer = ItemKrContainer;

var ItemTop = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  .tu-icon-arrow-up,\n  .tu-icon-arrow-down {\n    font-size: 20px;\n    color: #565e66;\n  }\n"])));

exports.ItemTop = ItemTop;

var WorkNameWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex: 1px;\n  white-space: nowrap;\n  overflow: hidden;\n  cursor: ", ";\n"])), function (p) {
  return p.isKr ? 'default' : 'pointer';
});

exports.WorkNameWrapper = WorkNameWrapper;

var Radio = _styledComponents["default"].a(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 15px;\n  width: 15px;\n  border: 1px solid ", ";\n  border-radius: 50%;\n  &::after {\n    content: '';\n    display: ", ";\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background-color: #2879ff;\n  }\n"])), function (p) {
  return p.active ? '#2879ff' : '#BFC3C7';
}, function (p) {
  return p.active ? 'block' : 'none';
});

exports.Radio = Radio;

var Tag = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 63px;\n  height: 21px;\n  border-radius: 12.5px;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  margin: 0 12px 0 9px;\n"])), function (p) {
  return "rgba(".concat(p.color, ",0.1)");
}, function (p) {
  return "rgb(".concat(p.color, ")");
});

exports.Tag = Tag;

var OkrName = _styledComponents["default"].span(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  display: inline-block\n  flex: 1;\n  max-width: 400px;\n  font-size: 13px;\n  font-weight: ", ";\n  color: #33383d;\n  white-space: nowrap;\n  overflow: hidden;\n  word-break: keep-all;\n  text-overflow: ellipsis;\n  line-height: 1;\n"])), function (p) {
  return p.isShowKr ? 'normal' : '600';
});

exports.OkrName = OkrName;

var ItemBottom = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  padding-left: 102px;\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n  color: #83898f;\n"])));

exports.ItemBottom = ItemBottom;

var PricipleName = _styledComponents["default"].span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  max-width: 200px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));

exports.PricipleName = PricipleName;

var Separator = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n  width: 1px;\n  height: 10.6px;\n  background-color: #e6e8eb;\n  margin: 0 10px;\n"])));

exports.Separator = Separator;

var Footer = _styledComponents["default"].div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n  display: flex;\n  height: 50px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 16px;\n"])));

exports.Footer = Footer;

var ButtonGroup = _styledComponents["default"].div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  justify-content: flex-end;\n"])));

exports.ButtonGroup = ButtonGroup;

var Button = _styledComponents["default"].a(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n  display: block;\n  min-width: 28px;\n  height: 27px;\n  padding: 0 15px;\n  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);\n  border-radius: 2px;\n  background-color: ", ";\n  color: ", ";\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n  line-height: 27px;\n  &:hover {\n    color: ", ";\n  }\n"])), function (p) {
  return p.type !== 'confirm' ? '#FAFBFC' : p.disabled ? '#E7EEF3' : '#2879FF';
}, function (p) {
  return p.type !== 'confirm' ? '#565E66' : '#FFF';
}, function (p) {
  return p.type !== 'confirm' ? '#565E66' : '#FFF';
});

exports.Button = Button;

var KrItemWrapper = _styledComponents["default"].div(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n  margin: 10px 0;\n  display: flex;\n  align-items: top;\n  width: 100%;\n"])));

exports.KrItemWrapper = KrItemWrapper;

var KrTag = _styledComponents["default"].div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n  background: rgba(46, 156, 255, 0.1);\n  border-radius: 11.5px;\n  height: 20px;\n  line-height: 20px;\n  font-size: 12px;\n  color: #2e9cff;\n  margin-right: 10px;\n  padding: 0 9px;\n"])));

exports.KrTag = KrTag;

var ProgressText = _styledComponents["default"].div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #83898f;\n  line-height: 20px;\n  white-space: nowrap;\n  width: 70px;\n  margin-left: 10px;\n  span {\n    color: #1d86ef;\n  }\n"])));

exports.ProgressText = ProgressText;

var LoadMore = _styledComponents["default"].div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #83898f !important;\n  font-size: 14px;\n  margin-top: 16px;\n  a {\n    display: flex;\n    align-items: center;\n    color: #83898f !important;\n  }\n  i {\n    margin-left: 2px;\n    font-size: 18px;\n    color: #83898f !important;\n  }\n\n  &:hover {\n    a,\n    i {\n      color: #2879ff !important;\n    }\n  }\n"])));

exports.LoadMore = LoadMore;

var NoMore = _styledComponents["default"].div(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n  color: #83898f !important;\n  font-size: 14px;\n  margin-top: 16px;\n  text-align: center;\n"]))); // 权重


exports.NoMore = NoMore;

var KrWeight = _styledComponents["default"].div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  white-space: nowrap;\n  font-size: 12px;\n  color: #83898f;\n  line-height: 20px;\n  margin-right: 8px;\n  .kr-weight-number {\n    font-size: 14px;\n    color: #0cc991;\n  }\n"])));

exports.KrWeight = KrWeight;

var KrWeightVert = _styledComponents["default"].div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: #83898f;\n  line-height: 17px;\n  .kr-weight-vert-num {\n    cursor: pointer;\n    color: #00be6a;\n  }\n"])));

exports.KrWeightVert = KrWeightVert;