"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.KrTitle = exports.KrListItem = exports.KrCounter = exports.ItemWrapper = exports.ItemLabel = exports.InvalidTextContainer = exports.FormItemWrapper = exports.FormItemLabel = exports.FormItemContainer = exports.EditWightContent = void 0;

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;

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 EditWightContent = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: #fff;\n  padding-top: 21px;\n  padding: 32px 32px 0 32px;\n  max-height: 300px;\n  overflow-y: scroll;\n"])));

exports.EditWightContent = EditWightContent;

var KrListItem = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  .invalid-text-container {\n    left: -38px;\n    right: -10px;\n    line-height: 15px;\n    white-space: pre-wrap;\n  }\n  .formItem-has-error {\n    white-space: pre-wrap;\n    top: 26px;\n    left: -38px;\n    right: -10px;\n    line-height: 15px;\n  }\n  .formItem-c-has-error {\n    border-bottom: 1px solid #cc2929;\n  }\n  .forItem-c-no-error {\n    border-bottom: 1px solid rgba(227, 230, 234);\n  }\n"])));

exports.KrListItem = KrListItem;

var KrCounter = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  line-height: normal;\n  width: 24px;\n  .kr-counter {\n    font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n    font-size: 13px;\n    color: #2879ff;\n    opacity: 1;\n  }\n"])));

exports.KrCounter = KrCounter;

var KrTitle = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n  margin-right: 40px;\n  width: 266px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n  font-size: 14px;\n  color: #33383d;\n"])));

exports.KrTitle = KrTitle;

var FormItemLabel = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n  font-size: 14px;\n  color: #83898f;\n  margin-right: 10px;\n  white-space: nowrap;\n"])));

exports.FormItemLabel = FormItemLabel;

var FormItemWrapper = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"])));

exports.FormItemWrapper = FormItemWrapper;

var ItemLabel = _styledComponents["default"].label.attrs(function () {// console.log(props);
})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  text-align: right;\n  display: inline-block;\n  min-width: 60px;\n  position: relative;\n  right: 5px;\n  bottom: 2px;\n  font-size: 13px;\n  color: #83898f;\n  opacity: 0.7;\n  &::before {\n    font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n    content: '*';\n    font-size: 12px;\n    position: absolute;\n    top: 50%;\n    left: 45%;\n    transform: translate(-50%, -50%);\n    color: ", ";\n  }\n"])), function (props) {
  return props.required ? "#cc2929" : "transparent";
});

exports.ItemLabel = ItemLabel;

var ItemWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 16px;\n  flex: 1;\n  padding-right: 20px;\n"])));

exports.ItemWrapper = ItemWrapper;

var InvalidTextContainer = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);\n  position: absolute;\n  left: 0;\n  right:0;\n  pointer-events: none;\n  white-space: nowrap;\n  font-family: OPPOSans, Arial, Verdana, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, sans-serif;\n  font-size: 12px;\n  color: #cc2929;\n  letter-spacing: 0;\n"])));

exports.InvalidTextContainer = InvalidTextContainer;

var FormItemContainer = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  width:100%;\n  position: relative;\n  padding: 0; /* \u5185\u8FB9\u8DDD\u4E0D\u5E94\u8BE5\u6709 */\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    /* border: ", "; */\n  }\n  .forItem-no-error {\n    top: 10px;\n    opacity: 0;\n  }\n  .formItem-has-error {\n    top: 22px;\n    opacity: 1;\n  }\n"])), function (props) {
  return props.isDirty ? "1px solid #cc2929" : "none";
});

exports.FormItemContainer = FormItemContainer;