@titaui/pc 1.11.52-beta.1 → 1.11.52-beta.2

package/lib/components/okr-detail/okr-list/create-kr-item/style.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.Toggle = exports.ProgressWrapper = exports.ProgressStatus = exports.ProgressDate = exports.Progress = exports.Percent = exports.OptionsWrapper = exports.Options = exports.Option = exports.OScore = exports.ONameWrapper = exports.OName = exports.OClassify = exports.OBadge = exports.Link = exports.Item = exports.InputWrapper = exports.InputTipsWrapper = exports.IconGroup = exports.Icon = exports.DivideLine = exports.Content = exports.AvatarWrapper = exports.AddKrBtn = 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;
+
+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\n"])));
+
+exports.Wrapper = Wrapper;
+
+var DivideLine = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 11px;\n  margin: 0 0 0 30px;\n  border-bottom: 1px solid #f0f2f5;\n"])));
+
+exports.DivideLine = DivideLine;
+
+var IconGroup = _styledComponents["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    height: 18px;\n    display: flex;\n    align-items: center;\n    position: relative;\n    top: 4px;\n"])));
+
+exports.IconGroup = IconGroup;
+
+var Icon = _styledComponents["default"].span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  color: ", ";\n\n  &.tu-icon-diot {\n    color: #a4acb9;\n  }\n\n  // &.okr-type {\n  //   font-size: 16px;\n  //   color: #7f91b4;\n  //   position: relative;\n  //   top: ", ";\n  // }\n\n  // &.tu-icon-bianji2 {\n  //   margin-left: 6px;\n  //   font-size: 14px;\n  //   color: #2879ff;\n  //   cursor: pointer;\n  // }\n\n  // &.tu-icon-heart-solid {\n  //   margin-right: 6px;\n  //   color: #ff8c00;\n  // }\n\n  &.execute-icon {\n    font-size: 14px;\n    cursor: pointer;\n    position: relative;\n    top: 2px;\n  }\n\n  &.tu-icon-singlebox-have,\n  &.tu-icon-singlebox-avtive {\n    font-size: 14px;\n    color: #2879ff;\n  }\n\n  &.tu-icon-warning {\n    font-size: 14px;\n    color: #acb7bf;\n  }\n\n  &.tu-icon-more-diji {\n      position: relative;\n\n      &::after {\n          content: '';\n          \n      }\n  }\n"])), function (p) {
+  return p.color || "#89919F";
+}, function (p) {
+  return p.top;
+});
+
+exports.Icon = Icon;
+
+var OClassify = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 20px;\n  min-width: 20px;\n  height: 20px;\n  min-height: 20px;\n  margin-left: 6px;\n  background-image: url(", ");\n  background-repeat: no-repeat;\n  background-size: contain;\n  display: inline-block;\n"])), function (p) {
+  return p.src;
+});
+
+exports.OClassify = OClassify;
+
+var Item = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\n\n  // &:hover {\n  //   .tu-icon-placeholder {\n  //     opacity: 0 !important;\n  //     visibility: hidden !important;\n  //   }\n  //   .oItem-options {\n  //     opacity: 1;\n  //     visibility: visible;\n  //   }\n  // }\n"])));
+
+exports.Item = Item;
+
+var Toggle = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    width: 16px;\n    min-width: 16px;\n    height: 16px;\n    min-height: 16px;\n    margin-top: 4px;\n    margin-right: 14px;\n    border-radius: 2px;\n    // background: #f7f8fa;\n    color: #89919f;\n    cursor: pointer;\n    display: ", ";\n    align-items: center;\n    align-self: flex-start;\n    justify-content: center;\n    visibility: ", ";\n"])), function (p) {
+  return p.display || "flex";
+}, function (p) {
+  return p.visibility;
+});
+
+exports.Toggle = Toggle;
+
+var OName = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    flex: 1;\n    font-size: 16px;\n    line-height: 26px;\n    transition: color .3s ease-in;\n    color: rgb(20, 28, 40);\n    cursor: pointer;\n    position: relative;\n    display: flex;\n    .name-content {\n      width: auto;\n      display: flex;\n\n      &:hover {\n        .tu-icon-bianji2 {\n          opacity: 1;\n          visibility: visible;\n        }\n      }\n    }\n\n  .name {\n    display: -webkit-box;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-break: break-all;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    font-weight: 600;\n    &:hover {\n      color: #2879ff;\n    }\n  }\n\n  .tu-icon-bianji2 {\n    opacity: 0;\n    transition: all 0.3s ease-in;\n    visibility: hidden;\n  }\n"])));
+
+exports.OName = OName;
+
+var ONameWrapper = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  flex: 1;\n  margin-right: 40px;\n  display: flex;\n  align-items: ", ";\n"])), function (p) {
+  return p.alignItems;
+});
+
+exports.ONameWrapper = ONameWrapper;
+
+var OScore = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width: 42px;\n  height: 18px;\n  margin-right: 40px;\n  font-size: 12px;\n  border-radius: 9px;\n  background: rgba(246, 189, 22, 0.1);\n  color: #f6bd16;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  visibility: ", ";\n"])), function (p) {
+  return p.visibility;
+});
+
+exports.OScore = OScore;
+
+var AvatarWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  margin-right: 40px;\n  display: flex;\n  cursor: ", ";\n"])), function (p) {
+  return p.cursor;
+});
+
+exports.AvatarWrapper = AvatarWrapper;
+
+var ProgressWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 160px;\n  margin-right: 18px;\n  font-size: 12px;\n  color: #89919f;\n  position: relative;\n"])));
+
+exports.ProgressWrapper = ProgressWrapper;
+
+var Progress = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  cursor: ", ";\n"])), function (p) {
+  return p.cursor || "default";
+});
+
+exports.Progress = Progress;
+
+var ProgressDate = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 14px;\n  position: absolute;\n  bottom: -17px;\n  left: 6px;\n"])));
+
+exports.ProgressDate = ProgressDate;
+
+var ProgressStatus = _styledComponents["default"].span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 16px;\n  color: ", ";\n  position: absolute;\n  right: 0;\n\n  span {\n    margin-right: 3px;\n  }\n"])), function (p) {
+  return p.color || "#89919f";
+});
+
+exports.ProgressStatus = ProgressStatus;
+
+var Percent = _styledComponents["default"].p(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  margin-bottom: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: ", ";\n  position: absolute;\n  top: 50%;\n  left: 6px;\n  transform: translateY(-50%);\n"])), function (p) {
+  return p.color || "#89919f";
+});
+
+exports.Percent = Percent;
+
+var InputWrapper = _styledComponents["default"].div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex: 1;\n\n  input {\n    width: calc(100% - 10px);\n  }\n"])));
+
+exports.InputWrapper = InputWrapper;
+
+var AddKrBtn = _styledComponents["default"].a(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  font-size: 13px;\n  font-weight: 400;\n  text-align: left;\n  color: #89919f;\n  ::before {\n    margin-right: 9px;\n  }\n"])));
+
+exports.AddKrBtn = AddKrBtn;
+
+var OptionsWrapper = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n"])));
+
+exports.OptionsWrapper = OptionsWrapper;
+
+var Options = _styledComponents["default"].div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  width: 57px;\n  height: 20px;\n  padding-left: 23px;\n  opacity: 0;\n  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);\n  transform-origin: right left;\n  background: linear-gradient(270deg, #ffffff 72%, rgba(255, 255, 255, 0));\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  right: 0;\n"])));
+
+exports.Options = Options;
+
+var Option = _styledComponents["default"].div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  span {\n    font-size: 17px;\n    transition: all 0.3s ease-in;\n    color: #89919F;\n    cursor: pointer;\n\n    &:hover {\n        color: #7f91b4;\n    }\n  }\n"])));
+
+exports.Option = Option;
+
+var InputTipsWrapper = _styledComponents["default"].div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1;\n  >p {\n      background-color: #FFF;\n    box-sizing: border-box;\n    padding: 12px 20px;\n    border: 1px solid rgba(245, 166, 35, 0.4);\n    border-radius: 4px;\n    position: absolute;\n    top: calc(100% + 6px);\n    width: 340px;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: justify;\n    color: #344766;\n    >span {\n      color: #2879FF;\n    }\n    >p {\n      color: #657899;\n    }\n    > div {\n      display: flex;\n      justify-content: flex-end;\n    }\n    a {\n      font-size: 12px;\n      font-weight: 400;\n      text-align: right;\n      color: #c2c8d5;\n      :last-child{\n        color: #2879FF;\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+exports.InputTipsWrapper = InputTipsWrapper;
+
+var Content = _styledComponents["default"].div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n    width: 300px;\n    \n    p {\n        margin-bottom: 6px;\n        font-size: 14px;\n        line-height: 22px;\n        color: #344766;\n        word-break: break-all;\n    }\n"])));
+
+exports.Content = Content;
+
+var Link = _styledComponents["default"].a(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n    width: 100%;\n    font-size: 12px;\n    line-height: 17px;\n    transition: all .3s ease-in;\n    color: #2879ff;\n    display: inline-block;\n    text-align: right;\n\n    &:hover {\n        color: #1B6CF1;\n    }\n"])));
+
+exports.Link = Link;
+
+var OBadge = _styledComponents["default"].span(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n    height: 18px;\n    margin-left: 6px;\n    padding: 2px 8px;\n    font-size: 12px;\n    line-height: 14px;\n    border-radius: 9px;\n    background: #F7F8FA;\n    box-sizing: border-box;\n    color: #A4ACB9;\n    display: inline-block;\n    white-space: nowrap;\n"])));
+
+exports.OBadge = OBadge;