@titaui/pc 1.11.5-beta.4 → 1.11.6

package/lib/components/survey-model/index.css

@@ -0,0 +1,141 @@
+.tita-survey-model {
+  width: 436px;
+  background: #FFFFFF;
+  box-shadow: 0px 8px 24px 0px rgba(127, 145, 180, 0.2);
+  border-radius: 24px;
+  border: 1px solid #F0F2F5;
+  padding: 24px;
+  box-sizing: border-box;
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 4000;
+  animation: showModel 0.5s;
+  transition: height linear 0.5s;
+}
+
+.tita-survey-model__head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+}
+
+.tita-survey-model__head-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #141C28;
+  line-height: 22px;
+}
+
+.tita-survey-model__head-close {
+  cursor: pointer;
+  color: #141C28;
+  display: inline-flex;
+  font-size: 20px;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 8px;
+}
+
+.tita-survey-model__head-close:hover {
+  background: #F0F4FA;
+}
+
+.tita-survey-model__text {
+  border-radius: 8px;
+}
+
+.tita-survey-model__score {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+}
+
+.tita-survey-model__score-item {
+  width: 28px;
+  height: 28px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.tita-survey-model__score-item:hover {
+  border: 1px solid #2879FF;
+  color: #2879FF;
+}
+
+.tita-survey-model__score-item--active {
+  border: 1px solid #2879FF;
+  background: rgba(40, 121, 255, 0.1);
+  color: #2879FF;
+}
+
+.tita-survey-model__keywords {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 12px;
+  font-size: 12px;
+  font-weight: normal;
+  color: #6F7886;
+  line-height: 18px;
+}
+
+.tita-survey-model__tags {
+  margin: 14px -10px 8px 0;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.tita-survey-model__tags-item {
+  height: 26px;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #FFFFFF;
+  margin: 0 8px 8px 0;
+  padding: 0 12px;
+  border-radius: 8px;
+  border: 1px solid #DFE3EA;
+  cursor: pointer;
+}
+
+.tita-survey-model__tags-item:hover {
+  color: #2879FF;
+  border: 1px solid #2879FF;
+}
+
+.tita-survey-model__tags-item--active {
+  background: rgba(40, 121, 255, 0.1);
+  color: #2879FF;
+  border: 1px solid #2879FF;
+}
+
+.tita-survey-model__btn {
+  width: 36px;
+  margin: 16px auto 0;
+}
+
+.tita-survey-model__input {
+  margin-top: 20px;
+}
+
+@keyframes showModel {
+  0% {
+    transform: translateY(100%);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}

package/lib/components/survey-model/index.js

@@ -0,0 +1,264 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _titaUi = require("tita-ui");
+
+var _auth = require("../../utils/auth");
+
+var _bsGlobal = require("../../utils/bs-global");
+
+var _contact = _interopRequireDefault(require("./contact"));
+
+var _requestApi = require("./request-api");
+
+var _tools = require("../../utils/tools");
+
+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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+var preCls = 'tita-survey-model';
+var Rect = _button["default"].Rect;
+var loginUserInfo = window.BSGlobal.loginUserInfo;
+var Role = new _auth.MyRole();
+
+var SurveyModel = function SurveyModel(_ref) {
+  var activityName = _ref.activityName,
+      title = _ref.title,
+      startTime = _ref.startTime,
+      endTime = _ref.endTime,
+      scores = _ref.scores,
+      scoringKeywords = _ref.scoringKeywords,
+      reasonTags = _ref.reasonTags,
+      advisePlaceholder = _ref.advisePlaceholder;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      dialogVisible = _useState2[0],
+      setDialogVisible = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      score = _useState4[0],
+      setScore = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      scoreType = _useState6[0],
+      setScoreType = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      reason = _useState8[0],
+      setReason = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(''),
+      _useState10 = _slicedToArray(_useState9, 2),
+      advice = _useState10[0],
+      setAdvice = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      contact = _useState12[0],
+      setContact = _useState12[1];
+
+  var handleCloseSurvey = function handleCloseSurvey() {
+    setDialogVisible(false);
+    localStorage.setItem("survey_model_date__".concat(loginUserInfo.Id), (0, _dayjs["default"])().toString());
+  };
+
+  (0, _react.useEffect)(function () {
+    if (!!window.location.hostname.match(/.work/)) return;
+    var newDate = (0, _dayjs["default"])();
+    var oldDate = localStorage.getItem("survey_model_date__".concat(loginUserInfo.Id));
+
+    if (endTime) {
+      if ((0, _dayjs["default"])(endTime).valueOf() < (0, _dayjs["default"])().valueOf()) {
+        return;
+      }
+    }
+
+    if (oldDate) {
+      var oldDay = (0, _dayjs["default"])(oldDate);
+
+      if (newDate.diff(oldDay, 'day') < 7) {
+        return;
+      }
+    }
+
+    (0, _requestApi.getData)(activityName).then(function (res) {
+      if (res.code === 200) {
+        var _res$data, _res$data$list;
+
+        if (!(res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && (_res$data$list = _res$data.list) !== null && _res$data$list !== void 0 && _res$data$list.length)) {
+          setTimeout(function () {
+            setDialogVisible(true);
+          }, 1000 * 60);
+        } else {
+          setDialogVisible(false);
+        }
+      } else {
+        setDialogVisible(false);
+      }
+    });
+  }, []);
+
+  var handleScore = function handleScore(score) {
+    setScore(score);
+
+    if (score < 7) {
+      setScoreType('bad');
+    } else if (score < 9) {
+      setScoreType('normal');
+    } else {
+      setScoreType('good');
+    }
+  };
+
+  var handleReason = function handleReason(reason) {
+    setReason(reason);
+  };
+
+  var onAdviceChange = function onAdviceChange(value) {
+    setAdvice(value);
+  };
+
+  var handleSubmit = function handleSubmit(contact) {
+    var _window$BSGlobal, _window$BSGlobal$tena, _window$BSGlobal2, _window$BSGlobal2$ten;
+
+    var tenantInfo = window.BSGlobal.tenantInfo;
+    var npsStartTime = (0, _dayjs["default"])(startTime).unix();
+    var npsEndTime = (0, _dayjs["default"])(endTime).unix();
+    var Version = ((_window$BSGlobal = window.BSGlobal) === null || _window$BSGlobal === void 0 ? void 0 : (_window$BSGlobal$tena = _window$BSGlobal.tenantAuthentication) === null || _window$BSGlobal$tena === void 0 ? void 0 : _window$BSGlobal$tena.version) || ((_window$BSGlobal2 = window.BSGlobal) === null || _window$BSGlobal2 === void 0 ? void 0 : (_window$BSGlobal2$ten = _window$BSGlobal2.tenantAuthentication) === null || _window$BSGlobal2$ten === void 0 ? void 0 : _window$BSGlobal2$ten.Version) || 1;
+    var result = {
+      fields: {
+        nps_activity_name: activityName,
+        nps_activity_title: title,
+        nps_start_time: npsStartTime,
+        nps_end_time: npsEndTime,
+        nps_score: score,
+        nps_advice: (0, _tools.htmlEncodeByRegExp)(advice),
+        nps_score_reason: reason,
+        user_id: loginUserInfo.Id,
+        user_name: loginUserInfo.Name,
+        user_contact: (0, _tools.htmlEncodeByRegExp)(contact),
+        user_role_name: Role.getRole(),
+        tenant_id: tenantInfo.Id,
+        tenant_name: tenantInfo.Name,
+        tenant_source_name: tenantInfo.Source.toString(),
+        tenant_version_name: _bsGlobal.VERSION_MAP[Version]
+      }
+    };
+    (0, _requestApi.sendData)(result, 'nps_survey').then(function (res) {
+      console.log('提交成功');
+    });
+  };
+
+  var handleToNext = function handleToNext() {
+    setDialogVisible(false);
+    setContact(true);
+  };
+
+  if (contact) return /*#__PURE__*/_react["default"].createElement(_contact["default"], {
+    sendData: handleSubmit,
+    visilble: contact,
+    setVisible: setContact
+  });
+  if (!dialogVisible) return /*#__PURE__*/_react["default"].createElement("div", null);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('tita-survey-model')
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head-title")
+  }, title), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-canceled ".concat(preCls, "__head-close "),
+    onClick: handleCloseSurvey
+  })), (scores === null || scores === void 0 ? void 0 : scores.length) && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__score")
+  }, scores.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__score-item"), _defineProperty({}, "".concat(preCls, "__score-item--active"), item === score)),
+      key: item,
+      onClick: function onClick() {
+        return handleScore(item);
+      }
+    }, item);
+  })), (scoringKeywords === null || scoringKeywords === void 0 ? void 0 : scoringKeywords.length) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__keywords")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__keywords-left")
+  }, scoringKeywords[0]), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__keywords-right")
+  }, scoringKeywords[1]))), scoreType && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__tags")
+  }, reasonTags[scoreType].map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(preCls, "__tags-item"), _defineProperty({}, "".concat(preCls, "__tags-item--active"), item === reason)),
+      key: key,
+      onClick: function onClick() {
+        return handleReason(item);
+      }
+    }, item);
+  })), /*#__PURE__*/_react["default"].createElement(_titaUi.Textarea, {
+    placeholder: advisePlaceholder,
+    value: advice,
+    onChange: function onChange(e) {
+      return onAdviceChange(e.target.value);
+    },
+    maxLine: 4,
+    maxLength: 500,
+    wrapperClass: "".concat(preCls, "__text")
+  }), /*#__PURE__*/_react["default"].createElement(Rect, {
+    type: "primary",
+    className: "".concat(preCls, "__btn"),
+    onClick: handleToNext
+  }, "\u63D0\u4EA4")));
+};
+
+SurveyModel.defaultProps = {
+  scoringKeywords: ['不愿意', '非常愿意'],
+  scores: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+  reasonTags: {
+    bad: ['视角效果不美观', '没有 Excel 便捷', '感受不到管理效率提升', '速度太慢', '操作复杂', '系统不稳定', '功能不满足'],
+    normal: ['管理效率有提升', '能解决大部分管理问题', '操作再简单一些', '系统不是很稳定'],
+    good: ['OKR 与绩效天然打通', '能追踪目标落地过程', '团队管理高效', '视角效果很好']
+  },
+  advisePlaceholder: '你觉得哪些地方可以做到更好？'
+};
+var _default = SurveyModel;
+exports["default"] = _default;

package/lib/components/survey-model/instance.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.requestDomain = exports.getJwtToken = exports["default"] = void 0;
+exports.setToken = setToken;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var tenantId = window.BSGlobal.tenantInfo.Id;
+var userId = window.BSGlobal.loginUserInfo.Id;
+
+var requestDomain = function requestDomain() {
+  if (!window.location.hostname.match(/.work/)) return "";
+  return "".concat(window.location.protocol, "//www.tita.gift");
+};
+
+exports.requestDomain = requestDomain;
+
+function getToken() {
+  return sessionStorage.getItem('DEMOFREE_TOKEN') || '';
+}
+
+function setToken(token) {
+  sessionStorage.setItem('DEMOFREE_TOKEN', token);
+}
+
+var getJwtToken = function getJwtToken() {
+  return _axios["default"].get("".concat(requestDomain(), "/api/v1/").concat(tenantId, "/").concat(userId, "/const/skynetToken")).then(function (res) {
+    var _res$data;
+
+    if ((_res$data = res.data) !== null && _res$data !== void 0 && _res$data.Data) {
+      setToken(JSON.parse(res.data.Data.obj).token);
+      return JSON.parse(res.data.Data.obj);
+    }
+
+    return false;
+  });
+};
+
+exports.getJwtToken = getJwtToken;
+
+var instance = _axios["default"].create({
+  timeout: 10 * 1000
+});
+
+var beforeRequest = function beforeRequest(config) {
+  config.headers['authorization'] = "Bearer ".concat(getToken());
+  return config;
+};
+
+var beforeResponse = function beforeResponse(res) {
+  var config = res.config;
+  config.retry = 3;
+  config.__retryCount = config.__retryCount || 0;
+
+  if (res.data.code == 401) {
+    // 401错误表示未登录授权或者token失效
+    if (config.__retryCount <= config.retry) {
+      config.__retryCount += 1;
+      return getJwtToken().then(function () {
+        return instance.request(res.config);
+      });
+    }
+
+    return Promise.reject(res);
+  }
+
+  return res.data;
+};
+
+var requestError = function requestError(error) {
+  return Promise.reject(error);
+};
+
+instance.interceptors.request.use(beforeRequest, requestError);
+instance.interceptors.response.use(beforeResponse, function (error) {
+  console.log({
+    error: error
+  });
+});
+var _default = instance;
+exports["default"] = _default;

package/lib/components/survey-model/request-api.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendData = exports.getData = void 0;
+
+var _instance = _interopRequireDefault(require("./instance"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+// const isDev = !!window.location.hostname.match(/work/)
+var sendData = function sendData(fields, objectName) {
+  return _instance["default"].post('https://skynet-apis.tita.cloud/api/v1/nps/insert', JSON.stringify(fields), {
+    headers: Object.assign({
+      'Content-Type': 'application/json;charset=utf-8;',
+      'x-meta': objectName
+    })
+  }).then(function (res) {
+    return res;
+  });
+};
+
+exports.sendData = sendData;
+
+var getData = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(objectName) {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", _instance["default"].get('https://skynet-apis.tita.cloud/api/v1/nps/list?name=' + objectName).then(function (res) {
+              return res;
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getData(_x) {
+    return _ref.apply(this, arguments);
+  };
+}(); // export const updateData = () =>{
+//   return axios
+//   .post(
+//     "https://tracker.tita.com/api/v1/metas/update",
+//     {
+//       "id": recordId,
+//       "fields": [
+//         { "name": "issue_status", "type": "string", "value": "解决中" },
+//         { "name": "issue_owner", "type": "string", "value": newPrinciple },
+//         { "name": "issue_bug_start_unix", "type": "long", "value": Math.round(new Date().getTime() / 1000) },
+//       ],
+//       "objectName": "sentry_issue",
+//     },
+//     {
+//       "headers": Object.assign(
+//         {
+//           "Content-Type": "application/json",
+//           "authorization":localStorage.getItem('BUGFREE_JWT_TOKEN'),
+//         },
+//         authHeaders,
+//       ),
+//     },
+//   )
+//   .then(res => {
+//     return res;
+//   });
+// }
+
+
+exports.getData = getData;

package/lib/components/wechat-btn/index.css

@@ -0,0 +1,14 @@
+.titaui-wechat-btn {
+  font-size: 18px;
+  color: #a4acb9;
+  margin: 0 8px;
+  cursor: pointer;
+}
+
+.titaui-wechat-btn:hover {
+  color: #2879ff;
+}
+
+.titaui-wechat-btn__chat {
+  color: #2879ff;
+}