"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _axios = _interopRequireDefault(require("axios"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _input = _interopRequireDefault(require("./input"));

var _getLocale = require("../../utils/getLocale");

var _dropDownBox = _interopRequireDefault(require("./drop-down-box"));

var _iconCanceled = _interopRequireDefault(require("./image/icon-canceled.svg"));

var _logo = _interopRequireDefault(require("./image/logo.svg"));

require("./index.css");

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

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

// const isMobile = window.userAgent === 'mobile'
var isMobile = document.body.clientWidth < 1230;
var okrClassifyList = [{
  label: "1-10",
  value: 1
}, {
  label: "11-20",
  value: 2
}, {
  label: "21-50",
  value: 3
}, {
  label: "51-100",
  value: 4
}, {
  label: "101-200",
  value: 5
}, {
  label: "201-500",
  value: 6
}, {
  label: "501-1000",
  value: 7
}, {
  label: "1001-5000",
  value: 8
}, {
  label: "5001-10000",
  value: 9
}, {
  label: "10000+",
  value: 10
}, {
  label: "我代表一组公司",
  value: 11
}];
var okrClassifyList1 = [{
  label: "企业 CEO",
  value: 1
}, {
  label: "HDR",
  value: 2
}, {
  label: "HR 专员",
  value: 3
}, {
  label: "IT 负责人",
  value: 4
}, {
  label: "采购专员",
  value: 5
}, {
  label: "业务部门主管",
  value: 6
}];

var _default = function _default(props) {
  var visibile = props.visibile,
      setVisible = props.setVisible; // console.log(isMobile)
  // console.log(document.body.clientWidth<800)
  // const [visibile,setVisible] = useState(true)

  var _useState = (0, _react.useState)(""),
      _useState2 = _slicedToArray(_useState, 2),
      name = _useState2[0],
      setName = _useState2[1];

  var _useState3 = (0, _react.useState)(""),
      _useState4 = _slicedToArray(_useState3, 2),
      errMsg = _useState4[0],
      setErrMsg = _useState4[1];

  var _useState5 = (0, _react.useState)(""),
      _useState6 = _slicedToArray(_useState5, 2),
      phone = _useState6[0],
      setPhone = _useState6[1];

  var _useState7 = (0, _react.useState)(""),
      _useState8 = _slicedToArray(_useState7, 2),
      errMsg1 = _useState8[0],
      setErrMsg1 = _useState8[1];

  var _useState9 = (0, _react.useState)(""),
      _useState10 = _slicedToArray(_useState9, 2),
      company = _useState10[0],
      setCompany = _useState10[1];

  var _useState11 = (0, _react.useState)(""),
      _useState12 = _slicedToArray(_useState11, 2),
      errMsg2 = _useState12[0],
      setErrMsg2 = _useState12[1];

  var _useState13 = (0, _react.useState)(""),
      _useState14 = _slicedToArray(_useState13, 2),
      errMsgNum = _useState14[0],
      setErrMsgNum = _useState14[1];

  var _useState15 = (0, _react.useState)(""),
      _useState16 = _slicedToArray(_useState15, 2),
      errMsgIde = _useState16[0],
      setErrMsgIde = _useState16[1];

  var _useState17 = (0, _react.useState)(""),
      _useState18 = _slicedToArray(_useState17, 2),
      errMsgModule = _useState18[0],
      setErrMsgMoudle = _useState18[1];

  var _useState19 = (0, _react.useState)([]),
      _useState20 = _slicedToArray(_useState19, 2),
      modules = _useState20[0],
      setModules = _useState20[1];

  var _useState21 = (0, _react.useState)(""),
      _useState22 = _slicedToArray(_useState21, 2),
      code = _useState22[0],
      setCode = _useState22[1];

  var _useState23 = (0, _react.useState)(""),
      _useState24 = _slicedToArray(_useState23, 2),
      errMsg3 = _useState24[0],
      setErrMsg3 = _useState24[1];

  var _useState25 = (0, _react.useState)(null),
      _useState26 = _slicedToArray(_useState25, 2),
      yzm_guid = _useState26[0],
      setYzm_guid = _useState26[1];

  (0, _react.useEffect)(function () {
    setYzm_guid(renderCode());
  }, []); // 输入框系列产品

  var onBlurName = function onBlurName() {
    if (name == "") {
      setErrMsg("姓名不能为空");
    } else {
      setErrMsg("");
    }
  };

  var onChangeName = function onChangeName(val) {
    setName(val);

    if (val == "") {
      setErrMsg("姓名不能为空");
    } else {
      setErrMsg("");
    }
  };

  var onBlurPhone = function onBlurPhone() {
    if (phone == "") {
      setErrMsg1("手机号不能为空");
    } else if (!/^1\d{10}$/.test(phone)) {
      setErrMsg1("手机号格式不正确");
    } else {
      setErrMsg1("");
    }
  };

  var onChangePhone = function onChangePhone(val) {
    setPhone(val);

    if (val == "") {
      setErrMsg1("手机号不能为空");
    } else {
      setErrMsg1("");
    }
  };

  var onBlurCompany = function onBlurCompany() {
    if (company == "") {
      setErrMsg2("公司名称不能为空");
    } else {
      setErrMsg2("");
    }
  };

  var onChangeCompany = function onChangeCompany(val) {
    setCompany(val);

    if (val == "") {
      setErrMsg2("公司名称不能为空");
    } else {
      setErrMsg2("");
    }
  };

  var onChangeCode = function onChangeCode(val) {
    setCode(val);

    if (val == "") {
      setErrMsg3("验证码不能为空");
    } else {
      setErrMsg3("");
    }
  };

  var onBlurCode = function onBlurCode() {
    if (code == "") {
      setErrMsg3("验证码不能为空");
    } else {
      setErrMsg3("");
    }
  }; // 下拉框系列产品


  var _useState27 = (0, _react.useState)(0),
      _useState28 = _slicedToArray(_useState27, 2),
      selectValue = _useState28[0],
      setSelectValue = _useState28[1];

  var handleSelectOkrClassify = (0, _react.useCallback)(function (item) {
    setErrMsgNum("");
    setSelectValue(item.value);
  }, []);

  var _useState29 = (0, _react.useState)(0),
      _useState30 = _slicedToArray(_useState29, 2),
      selectValue1 = _useState30[0],
      setSelectValue1 = _useState30[1];

  var handleSelectOkrClassify1 = (0, _react.useCallback)(function (item) {
    setErrMsgIde("");
    setSelectValue1(item.value);
  }, []); // 深度克隆
  // 模块系列产品

  var has = function has(module) {
    for (var i = 0; i < modules.length; i++) {
      if (modules[i] == module) {
        return true;
      }
    }

    return false;
  };

  var onClickAddModules = function onClickAddModules(module) {
    if (errMsgModule) {
      setErrMsgMoudle("");
    }

    var data = JSON.parse(JSON.stringify(modules));

    if (has(module)) {
      data = data.filter(function (item) {
        return item != module;
      });
    } else {
      data.push(module);
    }

    setModules(data);
  }; // 验证码系列产品


  var handelChangeImage = function handelChangeImage(e) {
    var yzm = "".concat(renderCode(), "?v=").concat(new Date().getTime());
    setYzm_guid(yzm);
  };

  var renderCode = function renderCode() {
    var yzm_guid = "".concat(new Date().getTime());

    for (var i = 0; i < 10; i++) {
      yzm_guid += Math.floor(Math.random() * 10);
    }

    return yzm_guid;
  };

  var onClickSubmit = function onClickSubmit() {
    var num = selectValue ? okrClassifyList[selectValue - 1].label : "";
    var identity = selectValue1 ? okrClassifyList1[selectValue1 - 1].label : "";

    if (!name || !phone || !company || !num || !identity || !modules.length > 0 || !code) {
      if (!name) {
        setErrMsg("姓名不能为空");
      }

      if (!phone) {
        setErrMsg1("手机号码不能为空");
      }

      if (!company) {
        setErrMsg2("公司名称不能为空");
      }

      if (!num) {
        setErrMsgNum("公司人数不能为空");
      }

      if (!identity) {
        setErrMsgIde("您的身份不能为空");
      }

      if (!code) {
        setErrMsg3("验证码不能为空");
      }

      if (!modules.length > 0) {
        setErrMsgMoudle("请至少选择一项");
      }
    } else {
      (0, _axios["default"])({
        method: "post",
        url: "".concat(window.location.origin, "/api/v1/markEmail/SendKefu"),
        data: {
          title: "预约演示",
          content: "\u7528\u6237\uFF1A".concat(name, "\uFF0C\u624B\u673A\u53F7\uFF1A").concat(phone, "\uFF0C\u516C\u53F8\u540D\u79F0:").concat(company, "\uFF0C\u516C\u53F8\u4EBA\u6570\uFF1A").concat(num, "\uFF0C\u8EAB\u4EFD\uFF1A").concat(identity, "\uFF0C\u6211\u611F\u5174\u8DA3\u7684\u6A21\u5757\u662F\uFF1A").concat(modules.join(), "}"),
          code: code,
          keyRandomV2: yzm_guid.indexOf("?") !== -1 ? yzm_guid.slice(0, yzm_guid.indexOf("?")) : yzm_guid,
          source: 8622
        }
      }).then(function (res) {
        if (res.data.Code) {
          // message.success('提交成功')
          window.location.href = "/#/ordersucc";
        } else {
          setCode("");
          handelChangeImage();
          setErrMsg3(res.data.Message); // message.error(res.data.Message)
        }
      })["catch"](function (error) {
        console.log(error);
      });
    }
  };

  var renderModal = function renderModal() {
    return /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo"
    }, !isMobile ? /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-close",
      onClick: function onClick() {
        return setVisible(false);
      }
    }, /*#__PURE__*/_react["default"].createElement("img", {
      src: _iconCanceled["default"]
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-bcg"
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-left"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-left-title"
    }, "\u7ACB\u5373\u83B7\u53D6 OKR \u884C\u4E1A\u6848\u4F8B"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-left-subtitle"
    }, "\u73B0\u5728\u9884\u7EA6\u4F60\u5C06\u83B7\u5F97 15-30 \u5206\u949F\u514D\u8D39\u7684 1\u5BF91 \u4EBA\u5DE5\u5728\u7EBF\u670D\u52A1")), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form"
    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-pc-popup-right-form-item",
      label: (0, _getLocale.getLocale)("Mod_UserName"),
      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u540D\u79F0",
      id: "name",
      errMsg: errMsg,
      required: true,
      value: name,
      onChange: function onChange(val) {
        return onChangeName(val);
      },
      onBlur: onBlurName
    }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-pc-popup-right-form-item",
      label: "\u624B\u673A\u53F7\u7801",
      placeholder: (0, _getLocale.getLocale)("Pro_page_Ext_Tab_PhoneNumber"),
      id: "phone",
      errMsg: errMsg1,
      required: true,
      value: phone,
      onChange: function onChange(val) {
        return onChangePhone(val);
      },
      onBlur: onBlurPhone
    }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-pc-popup-right-form-item",
      label: "\u516C\u53F8\u540D\u79F0",
      placeholder: "\u516C\u53F8\u5168\u79F0",
      id: "company",
      errMsg: errMsg2,
      required: true,
      value: company,
      onChange: function onChange(val) {
        return onChangeCompany(val);
      },
      onBlur: onBlurCompany
    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
      className: "appointment-demo-pc-popup-right-form-item",
      items: okrClassifyList,
      initValue: selectValue,
      renderSuffixIcon: true,
      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
      onChangeClassify: handleSelectOkrClassify,
      title: "\u516C\u53F8\u4EBA\u6570",
      errMsg: errMsgNum
    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
      className: "appointment-demo-pc-popup-right-form-item",
      items: okrClassifyList1,
      initValue: selectValue1,
      renderSuffixIcon: true,
      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
      onChangeClassify: handleSelectOkrClassify1,
      title: "\u60A8\u7684\u8EAB\u4EFD",
      errMsg: errMsgIde
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-code"
    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-pc-popup-right-form-code-left",
      label: "\u9A8C\u8BC1\u7801",
      placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
      id: "code",
      errMsg: errMsg3,
      required: true,
      value: code,
      onChange: function onChange(val) {
        return onChangeCode(val);
      },
      onBlur: onBlurCode
    }), /*#__PURE__*/_react["default"].createElement("img", {
      src: "".concat(window.location.origin, "/Account/Account/GetCaptchaImgV2/").concat(yzm_guid),
      alt: "",
      onClick: handelChangeImage
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-item "
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-item-module-errmsg"
    }, errMsgModule && errMsgModule), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-item-module"
    }, "\u60A8\u611F\u5174\u8DA3\u7684\u6A21\u5757\u662F\uFF08\u53EF\u591A\u9009\uFF09", /*#__PURE__*/_react["default"].createElement("span", {
      className: "required"
    }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-item-modules"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(has("OKR 目标管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules("OKR 目标管理");
      }
    }, "OKR \u76EE\u6807\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(has((0, _getLocale.getLocale)("Menu_Title_Performance")) ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules((0, _getLocale.getLocale)("Menu_Title_Performance"));
      }
    }, (0, _getLocale.getLocale)("Menu_Title_Performance")), /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(has("项目管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules("项目管理");
      }
    }, "\u9879\u76EE\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(has("计划管理") ? "appointment-demo-pc-popup-right-form-item-modules-item-active" : "", " appointment-demo-pc-popup-right-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules("计划管理");
      }
    }, "\u8BA1\u5212\u7BA1\u7406"))), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-pc-popup-right-form-submit",
      onClick: onClickSubmit
    }, (0, _getLocale.getLocale)("Pro_detail_Submission")))))) : /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-logo"
    }, /*#__PURE__*/_react["default"].createElement("img", {
      src: _logo["default"]
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-title"
    }, "\u7ACB\u5373\u83B7\u53D6 OKR \u884C\u4E1A\u6848\u4F8B"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-subtitle"
    }, "\u73B0\u5728\u9884\u7EA6\u4F60\u5C06\u83B7\u5F97 15-30 \u5206\u949F\u514D\u8D39\u7684 1\u5BF91 \u4EBA\u5DE5\u5728\u7EBF\u670D\u52A1"), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-item"
    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
      label: (0, _getLocale.getLocale)("Mod_UserName"),
      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u540D\u79F0",
      id: "name",
      errMsg: errMsg,
      required: true,
      value: name,
      onChange: function onChange(val) {
        return onChangeName(val);
      },
      onBlur: onBlurName
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-item"
    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
      label: "\u624B\u673A\u53F7\u7801",
      placeholder: (0, _getLocale.getLocale)("Pro_page_Ext_Tab_PhoneNumber"),
      id: "phone",
      errMsg: errMsg1,
      required: true,
      value: phone,
      onChange: function onChange(val) {
        return onChangePhone(val);
      },
      onBlur: onBlurPhone
    })), /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-h5-form-item",
      label: "\u516C\u53F8\u540D\u79F0",
      placeholder: "\u8BF7\u8F93\u5165\u516C\u53F8\u5168\u79F0",
      id: "company",
      errMsg: errMsg2,
      required: true,
      value: company,
      onChange: function onChange(val) {
        return onChangeCompany(val);
      },
      onBlur: onBlurCompany
    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
      className: "appointment-demo-h5-form-item",
      items: okrClassifyList,
      initValue: selectValue,
      renderSuffixIcon: true,
      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
      onChangeClassify: handleSelectOkrClassify,
      title: "\u516C\u53F8\u4EBA\u6570",
      errMsg: errMsgNum
    }), /*#__PURE__*/_react["default"].createElement(_dropDownBox["default"], {
      className: "appointment-demo-h5-form-item",
      items: okrClassifyList1,
      initValue: selectValue1,
      renderSuffixIcon: true,
      initText: (0, _getLocale.getLocale)("Mod_Pleaseselect"),
      onChangeClassify: handleSelectOkrClassify1,
      title: "\u60A8\u7684\u8EAB\u4EFD",
      errMsg: errMsgIde
    }), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-code"
    }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
      className: "appointment-demo-h5-form-code-left",
      label: "\u9A8C\u8BC1\u7801",
      placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
      id: "code",
      errMsg: errMsg3,
      required: true,
      value: code,
      onChange: function onChange(val) {
        return onChangeCode(val);
      },
      onBlur: onBlurCode
    }), /*#__PURE__*/_react["default"].createElement("img", {
      src: "".concat(window.location.origin, "/Account/Account/GetCaptchaImgV2/").concat(yzm_guid),
      alt: "",
      onClick: handelChangeImage
    })), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-item"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-item-module"
    }, "\u60A8\u611F\u5174\u8DA3\u7684\u6A21\u5757\u662F\uFF08\u53EF\u591A\u9009\uFF09", /*#__PURE__*/_react["default"].createElement("span", {
      className: "required"
    }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-item-modules"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: " ".concat(has("OKR 目标管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules("OKR 目标管理");
      }
    }, "OKR \u76EE\u6807\u7BA1\u7406"), /*#__PURE__*/_react["default"].createElement("div", {
      className: " ".concat(has((0, _getLocale.getLocale)("Menu_Title_Performance")) ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules((0, _getLocale.getLocale)("Menu_Title_Performance"));
      }
    }, (0, _getLocale.getLocale)("Menu_Title_Performance")), /*#__PURE__*/_react["default"].createElement("div", {
      className: " ".concat(has("项目管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item"),
      onClick: function onClick() {
        return onClickAddModules("项目管理");
      }
    }, "\u9879\u76EE\u7BA1\u7406")), /*#__PURE__*/_react["default"].createElement("div", {
      className: " ".concat(has("计划管理") ? "appointment-demo-h5-form-item-modules-item-active" : "", " appointment-demo-h5-form-item-modules-item else"),
      onClick: function onClick() {
        return onClickAddModules("计划管理");
      }
    }, "\u8BA1\u5212\u7BA1\u7406")), /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-submit-bck"
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "appointment-demo-h5-form-submit",
      onClick: onClickSubmit
    }, (0, _getLocale.getLocale)("Pro_detail_Submission"))))));
  };

  return visibile && /*#__PURE__*/_reactDom["default"].createPortal(renderModal(), document.body);
}; // static defaultProps = {
//     label: "", //文本名称
//     value: "", //输入框 的value
//     isError: false, // 校验状态
//     errMsg: "", //错误信息
//     info: "", //提示信息
//     type: "text",
//     required: false, //是否渲染 *
//     style: {},
//     placeholder: "",
//     maxLength: "",
//     id: "",
//     autoComplete: "off", //是否关闭自动完成事件
//     onChange(val) { },
//     onBlur(val) { },
//     onFocus(val) { },
//     onKeyPress(val) { },
//   }


exports["default"] = _default;