@titaui/pc 1.11.5-beta.2 → 1.11.6

package/lib/components/weekly-report/common-painter/darwAvatar.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawAvatar = drawAvatar;
+
+var _openDataPainter = _interopRequireDefault(require("./openDataPainter"));
+
+var _setSize = _interopRequireDefault(require("./setSize"));
+
+var _utils = require("./utils");
+
+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); }); }; }
+
+function drawAvatar(_x, _x2) {
+  return _drawAvatar.apply(this, arguments);
+}
+
+function _drawAvatar() {
+  _drawAvatar = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(shareData, avatar) {
+    var canvas, ctx, dataUrl;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (window.WWOpenData && window.WWOpenData.initCanvas) {
+              window.WWOpenData.initCanvas();
+            }
+
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
+            (0, _setSize["default"])(canvas, ctx, 72, 72);
+            ctx.beginPath();
+            _context2.next = 7;
+            return draw(ctx, {
+              width: 72,
+              height: 72,
+              x: 0,
+              y: 0,
+              url: avatar,
+              name: shareData.name,
+              id: shareData.userId,
+              color: shareData.color
+            });
+
+          case 7:
+            dataUrl = canvas.toDataURL();
+            return _context2.abrupt("return", dataUrl);
+
+          case 9:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _drawAvatar.apply(this, arguments);
+}
+
+function draw(_x3, _x4) {
+  return _draw.apply(this, arguments);
+}
+
+function _draw() {
+  _draw = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(ctx, params) {
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            ctx.save();
+            ctx.beginPath();
+            ctx.arc(params.width / 2 + params.x, params.height / 2 + params.y, params.width / 2, 0, Math.PI * 2, false);
+            ctx.clip();
+            ctx.closePath();
+
+            if (!params.url) {
+              _context3.next = 10;
+              break;
+            }
+
+            _context3.next = 8;
+            return drawImageAvatar(ctx, params);
+
+          case 8:
+            _context3.next = 12;
+            break;
+
+          case 10:
+            _context3.next = 12;
+            return drawTextAvatar(ctx, params);
+
+          case 12:
+            ctx.restore();
+            return _context3.abrupt("return", params.y + params.height);
+
+          case 14:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _draw.apply(this, arguments);
+}
+
+function drawImageAvatar(ctx, avatar) {
+  return (0, _utils.drawImage)(ctx, avatar.url, avatar.x, avatar.y, avatar.width, avatar.height);
+}
+
+function drawTextAvatar(ctx, avatar) {
+  console.log("text");
+  var maxNameWidth = avatar.maxNameWidth || 28;
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(resolve) {
+      var namePainter, width, height;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              ctx.fillStyle = avatar.color;
+              ctx.fill();
+              ctx.closePath();
+              ctx.fillStyle = "white";
+              ctx.font = "14px arial";
+              ctx.textBaseline = "bottom";
+              _context.next = 8;
+              return (0, _openDataPainter["default"])(ctx, {
+                id: avatar.id,
+                name: avatar.name,
+                type: "userName"
+              }, 22, maxNameWidth);
+
+            case 8:
+              namePainter = _context.sent;
+              width = namePainter.width, height = namePainter.height;
+              namePainter.draw(ctx, avatar.x + avatar.width / 2 - width / 2, avatar.y + avatar.height / 2 - height / 2);
+              ctx.closePath();
+              resolve();
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function (_x5) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+}

package/lib/components/weekly-report/common-painter/drawName.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _openDataPainter = _interopRequireDefault(require("./openDataPainter"));
+
+var _setSize = _interopRequireDefault(require("./setSize"));
+
+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); }); }; }
+
+function _default(_x, _x2) {
+  return _ref.apply(this, arguments);
+}
+
+function _ref() {
+  _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(name, id) {
+    var canvas, ctx, lineHeight, painter, x, dataUrl;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
+            (0, _setSize["default"])(canvas, ctx, 295, 24);
+            ctx.beginPath();
+            lineHeight = 24;
+            ctx.font = "bold 16px/".concat(lineHeight, "px arial,sans-serif");
+            ctx.fillStyle = "#141C28";
+            ctx.textBaseline = "middle";
+            _context.next = 10;
+            return (0, _openDataPainter["default"])(ctx, {
+              name: name,
+              id: id,
+              type: "userName"
+            }, 24, 295);
+
+          case 10:
+            painter = _context.sent;
+            x = (295 - painter.width) / 2;
+            painter.draw(ctx, x, 0);
+            dataUrl = canvas.toDataURL();
+            return _context.abrupt("return", dataUrl);
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _ref.apply(this, arguments);
+}

package/lib/components/weekly-report/common-painter/openDataPainter.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _openData = require("../../../utils/open-data");
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+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); }); }; }
+
+function _default(_x, _x2, _x3) {
+  return _ref.apply(this, arguments);
+}
+
+function _ref() {
+  _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(ctx, openDataParams, lineHeight) {
+    var maxWidth,
+        name,
+        _ctx$measureText,
+        width,
+        actualWidth,
+        _args = arguments;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            maxWidth = _args.length > 3 && _args[3] !== undefined ? _args[3] : Infinity;
+            name = openDataParams.name;
+
+            if (!(0, _bsGlobal.isWx)()) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 5;
+            return getOpenData(openDataParams);
+
+          case 5:
+            name = _context.sent;
+
+          case 6:
+            _ctx$measureText = ctx.measureText(name), width = _ctx$measureText.width;
+            actualWidth = Math.min(width, maxWidth);
+            return _context.abrupt("return", {
+              width: actualWidth,
+              height: lineHeight,
+              draw: function draw(ctx, x, y) {
+                ctx.save();
+                ctx.textBaseline = "middle";
+                ctx.beginPath();
+                ctx.rect(x, y, actualWidth, lineHeight);
+                ctx.clip();
+                ctx.fillText(name, x, y + lineHeight / 2);
+                ctx.closePath();
+                ctx.restore();
+              }
+            });
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _ref.apply(this, arguments);
+}
+
+var getOpenData = function getOpenData(_ref2) {
+  var id = _ref2.id,
+      name = _ref2.name,
+      type = _ref2.type;
+  var openId = (0, _openData.getOpenId)(id, type);
+  if (!window.WWOpenData || !openId) return Promise.resolve(name);
+  return new Promise(function (resolve, reject) {
+    window.WWOpenData.prefetch({
+      items: [{
+        id: openId,
+        type: type
+      }]
+    }, function (err, data) {
+      if (err) {
+        return reject(err);
+      }
+
+      if (data && data.items[0]) {
+        resolve(data.items[0].data);
+      } else {
+        resolve(name);
+      }
+    });
+  });
+};

package/lib/components/weekly-report/common-painter/setSize.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+function _default(canvas, ctx, width, height) {
+  var devicePixelRatio = window.devicePixelRatio || 1;
+  var data = ctx.getImageData(0, 0, canvas.width, canvas.height); // 要将 canvas 的宽高设置成容器宽高的 2 倍
+
+  canvas.width = width * devicePixelRatio;
+  canvas.height = height * devicePixelRatio;
+  canvas.style.width = "".concat(width, "px");
+  canvas.style.height = "".concat(height, "px"); // 然后将画布缩放，将图像放大两倍画到画布上
+
+  ctx.scale(devicePixelRatio, devicePixelRatio);
+  ctx.putImageData(data, 0, 0);
+}

package/lib/components/weekly-report/common-painter/utils.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.breakLinesForCanvas = breakLinesForCanvas;
+exports.drawImage = drawImage;
+exports.drawTextMiddle = drawTextMiddle;
+
+function drawImage(ctx, url, x, y, width, height) {
+  return new Promise(function (res) {
+    var img = new Image();
+    img.src = url;
+
+    img.onload = function () {
+      ctx.drawImage(img, x, y, width, height);
+      res();
+    };
+  });
+}
+
+function drawTextMiddle(ctx, text, x, y, lineHeight, maxWidth, textAlign) {
+  ctx.textBaseline = "middle";
+
+  if (!maxWidth) {
+    ctx.fillText(text, x, y + lineHeight / 2);
+    return y + lineHeight;
+  }
+
+  var lines = breakLinesForCanvas(ctx, text, maxWidth);
+  lines.forEach(function (l) {
+    var _ctx$measureText = ctx.measureText(l),
+        width = _ctx$measureText.width;
+
+    var left = x;
+
+    if (textAlign == "center" && maxWidth) {
+      console.log(maxWidth, width);
+      left = (maxWidth - width) / 2 + x;
+    }
+
+    ctx.fillText(l, left, y + lineHeight / 2);
+    y += lineHeight;
+  });
+  return y;
+}
+
+function findBreakPoint(text, width, context) {
+  var min = 0;
+  var max = text.length - 1;
+
+  while (min <= max) {
+    var middle = Math.floor((min + max) / 2);
+    var middleWidth = context.measureText(text.substr(0, middle)).width;
+    var oneCharWiderThanMiddleWidth = context.measureText(text.substr(0, middle + 1)).width;
+
+    if (middleWidth <= width && oneCharWiderThanMiddleWidth > width) {
+      return middle;
+    }
+
+    if (middleWidth < width) {
+      min = middle + 1;
+    } else {
+      max = middle - 1;
+    }
+  }
+
+  return -1;
+}
+
+function breakLinesForCanvas(ctx, text, width) {
+  var result = [];
+  var breakPoint = 0;
+
+  while ((breakPoint = findBreakPoint(text, width, ctx)) !== -1) {
+    result.push(text.substr(0, breakPoint));
+    text = text.substr(breakPoint);
+  }
+
+  if (text) {
+    result.push(text);
+  }
+
+  return result;
+}

package/lib/components/weekly-report/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components-v1/avatar/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.TextAvatar = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+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  display: inline-block;\n  width: ", "px;\n  height: ", "px;\n  border-radius: 50%;\n  overflow: hidden;\n  position: relative; /* MARK: mask \u76F8\u5BF9\u70B9 */\n"])), function (p) {
+  return p.size;
+}, function (p) {
+  return p.size;
+});
+
+exports.Wrapper = Wrapper;
+
+var TextAvatar = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  text-align: center;\n  line-height: ", "px;\n  background-color: ", ";\n  color: #fff;\n  font-size: 12px;\n"])), function (props) {
+  return props.height;
+}, function (props) {
+  return props.background;
+});
+
+exports.TextAvatar = TextAvatar;

package/lib/components-v1/buttonv2/style/style.js

@@ -0,0 +1,53 @@
+"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.TitaButton = exports.ButtonRoundedStyled = exports.ButtonOutlinedWrapper = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var primaryColor = "#2879FF";
+var secondaryColor = "#F0F2F5";
+var CommonStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* margin: 0 5px 0 0; */\n  font-size: 13px;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  padding: 4px 15px;\n  line-height: 24px;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  display: inline-block;\n  user-select: none;\n  text-align: center;\n  letter-spacing: 0.5;\n  &:focus {\n    outline: none;\n  }\n  transition: all 300ms ease-in-out;\n"])));
+
+var TitaButton = _styledComponents["default"].a.attrs(function (props) {// console.log(props);
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  color: ", ";\n  background-color: ", ";\n  &:hover {\n    color: ", ";\n    box-shadow: ", ";\n  }\n  &:active {\n    /* \u70B9\u51FB\u6309\u94AE\u4E4B\u540E\u6709\u4E00\u4E2A\u6548\u679C \u7B80\u5355\u6539 scale \u6709\u70B9\u8089 */\n    transform: scale(0.98);\n  }\n  &[disabled] {\n    box-shadow: none;\n    color: ", ";\n    background: ", ";\n  }\n"])), CommonStyle, function (props) {
+  return props.type === "primary" ? "#fff" : "#BFC3C7";
+}, function (props) {
+  return props.type === "primary" ? primaryColor : secondaryColor;
+}, function (props) {
+  return props.type === "primary" ? "#fff" : "#33383D";
+}, function (props) {
+  return props.type === "primary" ? " 0 5px 8px 0 #C2E0FF" : "0 5px 8px 0 #E0E0E0";
+}, function (props) {
+  return props.disabled && "#BFC3C7";
+}, function (props) {
+  return props.disabled && "#F0F2F5";
+});
+
+exports.TitaButton = TitaButton;
+var commonBtn = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 5px 15px;\n  font-size: 14px;\n  line-height: normal;\n  transition: all 300ms ease-in-out;\n  user-select: none;\n"])));
+
+var ButtonRoundedStyled = _styledComponents["default"].a.attrs(function (props) {// console.log('ButtonRoundedStyled', props);
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &:hover {\n    color: #fff;\n  }\n  ", "\n  &:active {\n    transform: scale(0.98);\n  }\n  white-space: nowrap;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  color: #fff;\n  border-radius: 50px;\n  background-image: ", ";\n  ", "\n"])), commonBtn, function (p) {
+  return "linear-gradient(".concat(p.gradient && p.gradient.deg, "deg,").concat(p.gradient && p.gradient.startColor, ",").concat(p.gradient && p.gradient.endColor, ")");
+}, function (p) {
+  return p.floating && "box-shadow: 0 4px 10px 0 rgba(226, 156, 2, 0.3)";
+});
+
+exports.ButtonRoundedStyled = ButtonRoundedStyled;
+
+var ButtonOutlinedWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\nbackground-color: #fff;\nborder-radius: 25%;\nborder: 1px solid #2879ff;\n"])));
+
+exports.ButtonOutlinedWrapper = ButtonOutlinedWrapper;

package/lib/components-v1/dropDownSelector/styles/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropDownWrapper = exports.DropDownContainer = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2;
+
+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 DropDownContainer = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  /* margin: 0 0 15px; */\n  padding: 5px 3px 0 0;\n  font-size: 12px;\n  color: #0a131a;\n  display: flex;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  outline: none;\n\n  span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .tu-icon-arrow-down {\n    top: 0 !important;\n    transition: 300ms ease-in-out;\n  }\n  .dropdown-active {\n    transform: rotate(180deg);\n  }\n"])));
+
+exports.DropDownContainer = DropDownContainer;
+
+var DropDownWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  .empty-holder {\n    width: 30px;\n  }\n"])));
+
+exports.DropDownWrapper = DropDownWrapper;

package/lib/components-v1/input/Enums.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KeyCode = void 0;
+var KeyCode;
+exports.KeyCode = KeyCode;
+
+(function (KeyCode) {
+  KeyCode[KeyCode["BACKSPACE"] = 8] = "BACKSPACE";
+  KeyCode[KeyCode["TAB"] = 9] = "TAB";
+  KeyCode[KeyCode["ENTER"] = 13] = "ENTER";
+  KeyCode[KeyCode["SHIFT"] = 16] = "SHIFT";
+  KeyCode[KeyCode["CONTROL"] = 17] = "CONTROL";
+  KeyCode[KeyCode["ALT"] = 18] = "ALT";
+})(KeyCode || (exports.KeyCode = KeyCode = {}));

package/lib/components-v1/input/style/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SuffixIcon = exports.Inputs = exports.InputInner = exports.InputContent = exports.Blinker = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+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 Blinker = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  width: 1px;\n  height: 15px;\n  bottom: -2px;\n  left: 1px;\n  animation: blink 1s infinite steps(1, start);\n  @keyframes blink {\n    0%,\n    100% {\n      background-color: #000;\n      color: #fff;\n    }\n    50% {\n      background-color: #fff; /* not #aaa because it's seem there is Google Chrome bug */\n      color: #000;\n    }\n  }\n"])));
+
+exports.Blinker = Blinker;
+
+var InputContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  .input-focused::after {\n    right: 0;\n    left: 0;\n    border: 1px solid #1687d9;\n  }\n"])));
+
+exports.InputContent = InputContent;
+
+var InputInner = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  font-size: 13px;\n  color: #0a131a;\n  flex-grow: 1;\n  label.placeholder{\n    user-select: none;\n    pointer-events:none;\n    font-size:13px;\n    color:#ccc;\n    position:absolute;\n    left:0;\n    top:0;\n  }\n"])));
+
+exports.InputInner = InputInner;
+
+var SuffixIcon = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  color: #83898f;\n"])));
+
+exports.SuffixIcon = SuffixIcon;
+
+var Inputs = _styledComponents["default"].input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  width: 100%;\n  /* height: 17px; */\n  padding: 0;\n  font-size: 13px;\n  font-family: 'Microsoft YaHei', sans-serif, 'PingFang SC';\n  border: none;\n  color: #0a131a;\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    color: #c2cbd1;\n    font-size: 12px;\n  }\n\n  &::-ms-input-placeholder {\n    color: #c2cbd1;\n    font-size: 12px;\n  }\n"])));
+
+exports.Inputs = Inputs;

package/lib/components-v1/search/cache.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _uuid = _interopRequireDefault(require("uuid"));
+
+var _tools = require("../../utils/tools");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var cacheStoreName = "okrMap_cache_store";
+
+var getCacheStore = function getCacheStore() {
+  var str = localStorage.getItem(cacheStoreName) || "{}";
+  return JSON.parse(str);
+};
+
+var CacheUtil = /*#__PURE__*/function () {
+  function CacheUtil() {
+    _classCallCheck(this, CacheUtil);
+  }
+
+  _createClass(CacheUtil, null, [{
+    key: "getCache",
+    value: function getCache() {
+      var id = (0, _tools.getQueryString)().cacheId;
+      if (!id) return null;
+      var store = getCacheStore();
+      var cache = store[id];
+      if (!cache) return null;
+      return cache;
+    }
+  }, {
+    key: "setCache",
+    value: function setCache(cache) {
+      var id = (0, _tools.getQueryString)().cacheId;
+
+      if (!id) {
+        id = (0, _uuid["default"])();
+        (0, _tools.changeQueryString)("cacheId", id);
+      }
+
+      var store = getCacheStore();
+      store[id] = cache;
+      localStorage.setItem(cacheStoreName, JSON.stringify(store));
+    }
+  }, {
+    key: "updateCache",
+    value: function updateCache(c) {
+      var id = (0, _tools.getQueryString)().cacheId;
+      var cache = {};
+      if (id) cache = this.getCache();
+      cache = _objectSpread(_objectSpread({}, cache), c);
+      this.setCache(cache);
+    }
+  }]);
+
+  return CacheUtil;
+}();
+
+exports["default"] = CacheUtil;