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

package/lib/components/password-input/icon/close-eye.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "\u9690\u85CF"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u4F01\u4E1A\u5FAE\u4FE1",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "5\u3001\u4EA4\u4E92\u8BF4\u660E",
+    transform: "translate(-973.000000, -390.000000)",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u90AE\u7BB1\u767B\u5F55",
+    transform: "translate(621.000000, 378.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u9690\u85CF",
+    transform: "translate(352.000000, 12.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    id: "\u77E9\u5F62",
+    fill: "#000000",
+    opacity: "0",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M8.0248,13.28 C5.9048,13.28 2.77912,12.02648 0.92232,8.49336 C0.758963409,8.18391582 0.758963409,7.81376418 0.92232,7.50432 C1.36374784,6.68127474 1.91589933,5.92261488 2.56336,5.24952 C2.73119875,5.07603074 3.00769509,5.07082536 3.18194489,5.23787439 C3.35619468,5.40492341 3.36265586,5.68139326 3.1964,5.8564 C2.6057711,6.47009708 2.1020678,7.1618715 1.69936,7.9124 C1.67093231,7.96739001 1.6715012,8.0328722 1.70088,8.08736 C3.376,11.27408 6.14984,12.4048 8.01664,12.4048 C8.72356806,12.3949365 9.42425556,12.2708837 10.0916,12.03744 C10.2400875,11.9793008 10.4084423,12.0064879 10.531082,12.1084106 C10.6537216,12.2103333 10.7112508,12.3708726 10.6812591,12.5274906 C10.6512674,12.6841087 10.538498,12.8120365 10.38688,12.86144 C9.62727755,13.1275566 8.82959244,13.2689062 8.0248,13.28 Z M13.6328,10.3142408 C13.4658673,10.3145546 13.3132921,10.219885 13.2394475,10.0701733 C13.1656029,9.92046163 13.1833495,9.74178147 13.2852,9.60952 C13.631282,9.15249579 13.9501025,8.67545386 14.24,8.18088 L14.29504,8.09008 C14.3308261,8.03059604 14.3298656,7.95598299 14.29256,7.89744 C12.61536,5.20576 10.3668,3.70848 7.96056,3.68064 C7.69375244,3.68540295 7.42747828,3.70632125 7.1632,3.74328 C7.00840396,3.76528756 6.85362563,3.70304069 6.7571685,3.57998717 C6.66071138,3.45693365 6.63722959,3.29176824 6.6955685,3.14670716 C6.75390742,3.00164608 6.88520396,2.89872756 7.04,2.87672 C7.34202535,2.83442778 7.64635202,2.81062346 7.95128,2.80544 L7.9636,2.80544 C10.6836,2.83408 13.19632,4.47856 15.0392,7.43592 C15.2514782,7.77347348 15.2545762,8.20205302 15.0472,8.54264 L14.99264,8.63264 C14.6855347,9.15600503 14.3476337,9.66067924 13.98072,10.144 C13.8972815,10.2516645 13.7686112,10.314522 13.6324,10.31416 L13.6328,10.3142408 Z M8.032,11.2861053 C7.01800856,11.2900898 6.06102099,10.8175696 5.44771856,10.0100704 C4.83441614,9.20257128 4.63603372,8.153884 4.912,7.17816 C4.97993386,6.94747957 5.22074798,6.81432454 5.45223929,6.87944173 C5.68373059,6.94455893 5.81981086,7.18373222 5.75752,7.416 C5.55642711,8.12731812 5.70107638,8.89178362 6.14814899,9.48045831 C6.59522161,10.069133 7.29280852,10.4136666 8.032,10.41088 C8.19211377,10.4108975 8.35182363,10.3948166 8.50872,10.36288 C8.66258807,10.3296988 8.82242306,10.3816959 8.92731713,10.4990569 C9.0322112,10.6164179 9.06600708,10.7810653 9.01582628,10.9302574 C8.96564547,11.0794494 8.83921754,11.1902054 8.68472,11.22032 C8.46989016,11.2639924 8.25122394,11.2860225 8.032,11.2861053 L8.032,11.2861053 Z M10.83432,8.49520187 C10.5921852,8.49568653 10.3954896,8.29981475 10.39496,8.05768 C10.3910341,6.75578409 9.33390128,5.70280291 8.032,5.704 C7.79032019,5.704 7.5944,5.50807981 7.5944,5.2664 C7.5944,5.02472019 7.79032019,4.8287986 8.032,4.8287986 C9.8178594,4.8271589 11.2680343,6.27142877 11.27368,8.05728 C11.2735318,8.17369717 11.2270937,8.28527669 11.1446019,8.36742337 C11.06211,8.44957005 10.9503368,8.49553994 10.83392,8.49520187 L10.83432,8.49520187 Z M13.54984,13.2800005 C13.4350799,13.2801501 13.3248175,13.2353847 13.24264,13.15528 L2.06632,2.27048 C1.95248447,2.16116827 1.90617545,1.99911431 1.9450649,1.84615944 C1.98395435,1.69320456 2.10204178,1.57294913 2.25426391,1.53128373 C2.40648605,1.48961833 2.56935559,1.53297178 2.68072,1.6448 L13.85672,12.5296 C13.9838879,12.6541238 14.0229853,12.8432542 13.9556143,13.0079934 C13.8882434,13.1727326 13.7278225,13.2802691 13.54984,13.2800005 Z",
+    id: "\u5F62\u72B6",
+    fill: "currentColor"
+  }))))));
+}

package/lib/components/password-input/icon/open-eye.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _default() {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16"
+  }, /*#__PURE__*/_react["default"].createElement("title", null, "\u67E5\u770B"), /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u4F01\u4E1A\u5FAE\u4FE1",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "2\u3001\u516C\u4F17\u53F7\u5173\u6CE8\u540E-\u521B\u5EFA\u65B0\u7528\u6237",
+    transform: "translate(-1122.000000, -515.000000)",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u90AE\u7BB1\u767B\u5F55",
+    transform: "translate(738.000000, 242.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u624B\u673A\u53F7",
+    transform: "translate(32.000000, 261.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    id: "\u67E5\u770B",
+    transform: "translate(352.000000, 12.000000)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    id: "\u77E9\u5F62",
+    fill: "#000000",
+    opacity: "0",
+    x: "0",
+    y: "0",
+    width: "16",
+    height: "16"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M15.43,5.74 C13.74,3.45 11.26,2 8.49,2 C5.72,2 3.25,3.45 1.55,5.74 C0.8,6.75 0.8,8.25 1.55,9.26 C3.25,11.55 5.73,13 8.49,13 C11.26,13 13.73,11.55 15.43,9.26 C16.18,8.25 16.18,6.75 15.43,5.74 Z M14.68,8.43 C13.11,10.7 10.85,12 8.48,12 C6.11,12 3.85,10.7 2.28,8.43 C1.9,7.9 1.9,7.11 2.28,6.57 C3.85,4.3 6.11,3 8.48,3 C10.85,3 13.11,4.3 14.68,6.57 C15.05,7.11 15.05,7.9 14.68,8.43 Z M8.5,4 C6.57,4 5,5.57 5,7.5 C5,9.43 6.57,11 8.5,11 C10.43,11 12,9.43 12,7.5 C12,5.57 10.43,4 8.5,4 Z M8.5,10 C7.12,10 6,8.88 6,7.5 C6,6.12 7.12,5 8.5,5 C9.88,5 11,6.12 11,7.5 C11,8.88 9.88,10 8.5,10 Z",
+    id: "\u5F62\u72B6",
+    fill: "currentColor"
+  })))))));
+}

package/lib/components/password-input/index.js

@@ -0,0 +1,124 @@
+"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 _openEye = _interopRequireDefault(require("./icon/open-eye"));
+
+var _closeEye = _interopRequireDefault(require("./icon/close-eye"));
+
+require("./index.css");
+
+var _getLocale = require("../../utils/getLocale");
+
+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; }
+
+var prefix = "tita-ui-admin-input";
+
+var PasswordInput = function PasswordInput(_ref) {
+  var value = _ref.value,
+      onCancel = _ref.onCancel,
+      onSure = _ref.onSure,
+      onDelete = _ref.onDelete,
+      _ref$canDel = _ref.canDel,
+      canDel = _ref$canDel === void 0 ? true : _ref$canDel;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      showValue = _useState2[0],
+      setShowValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputValue = _useState4[0],
+      setInputValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isFocus = _useState6[0],
+      setIsFocus = _useState6[1];
+
+  var inputRef = (0, _react.useRef)(document.createElement("input"));
+
+  var handleValueVisibleChangeClick = function handleValueVisibleChangeClick() {
+    setShowValue(!showValue);
+  };
+
+  var handleSureClick = function handleSureClick() {
+    onSure && onSure(inputValue, setIsFocus);
+  };
+
+  var handleCancelClick = function handleCancelClick() {
+    setIsFocus(false);
+    setInputValue(value);
+    onCancel && onCancel();
+  };
+
+  var handleDeleteClick = function handleDeleteClick() {
+    onDelete && onDelete();
+  };
+
+  var handleInputChange = function handleInputChange(e) {
+    setInputValue(e.target.value);
+  };
+
+  var handleInputClick = function handleInputClick() {
+    setIsFocus(true);
+    setTimeout(function () {
+      inputRef.current.setSelectionRange(99999, 99999);
+    }, 0);
+  };
+
+  (0, _react.useEffect)(function () {
+    setInputValue(value);
+  }, [value]);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(prefix)
+  }, /*#__PURE__*/_react["default"].createElement("input", {
+    className: (0, _classnames["default"])("".concat(prefix, "__input")),
+    type: showValue ? "text" : "password",
+    value: inputValue,
+    ref: inputRef,
+    onChange: handleInputChange,
+    onFocus: handleInputClick
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(prefix, "__visible")),
+    onClick: handleValueVisibleChangeClick
+  }, showValue ? /*#__PURE__*/_react["default"].createElement(_openEye["default"], null) : /*#__PURE__*/_react["default"].createElement(_closeEye["default"], null)), !isFocus && canDel && value && /*#__PURE__*/_react["default"].createElement("i", {
+    className: (0, _classnames["default"])("tu-icon-del", "".concat(prefix, "__delete")),
+    onClick: handleDeleteClick
+  }), isFocus && /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(prefix, "__btn"), "".concat(prefix, "__btn-sure")),
+    onClick: handleSureClick
+  }, (0, _getLocale.getLocale)("Mod_Save")), /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(prefix, "__btn"), "".concat(prefix, "__btn-cancel")),
+    onClick: handleCancelClick
+  }, (0, _getLocale.getLocale)("Mod_Cancel"))));
+};
+
+var _default = PasswordInput;
+exports["default"] = _default;

package/lib/components/password-input/interface.js

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

package/lib/components/period-selector/common.js

@@ -0,0 +1,270 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDateRangeByCycle = exports.formatPeriod = exports.dealYearsRange = exports.dealSelectedPeriodData = exports.computeYearIndex = void 0;
+exports.getDefalutCycle = getDefalutCycle;
+exports.getQuaterNum = getQuaterNum;
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _getLocale = require("../../utils/getLocale");
+
+var _constant = require("../../utils/constant");
+
+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; }
+
+var dealSelectedPeriodData = function dealSelectedPeriodData(period) {
+  var option = {};
+  option.cycleType = Number(period) === -1 ? "-1" : period.substring(0, 1);
+  option.yqmNum = period.substring(2) === "" ? "0" : period.substring(2);
+  return option;
+};
+
+exports.dealSelectedPeriodData = dealSelectedPeriodData;
+
+var dealYearsRange = function dealYearsRange(yearsRange, showAllYears) {
+  var yearsData = [];
+
+  if (yearsRange.length) {
+    if (yearsRange.length > 1 && showAllYears) {
+      yearsData = [{
+        title: "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears")),
+        order: ["-1"],
+        checked: false
+      }];
+    }
+
+    var startYear = yearsRange[0];
+    var endYear = yearsRange[yearsRange.length - 1];
+
+    for (var i = startYear; i <= endYear; i += 1) {
+      yearsData.push({
+        checked: false,
+        order: ["".concat(i)],
+        title: "".concat(i)
+      });
+    }
+  } else {
+    var nowYear = new Date().getFullYear();
+    yearsData = [{
+      title: "".concat(nowYear),
+      order: ["".concat(nowYear)],
+      checked: false
+    }];
+  }
+
+  return yearsData;
+};
+
+exports.dealYearsRange = dealYearsRange;
+
+var formatPeriod = function formatPeriod(selected) {
+  if (!selected) return "";
+  var quarter = ["", "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_1stQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_2ndQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_3rdQuarter")), "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_4thQuarter"))];
+  var cycleDate = "";
+  var annualNum = Number("".concat(selected.annualNum)) === -1 ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_Allyears")) : "".concat(selected.annualNum).concat(_getLocale.isEn ? "" : "年");
+  var month = (0, _constant.getMonth)();
+
+  switch ("".concat(selected.cycleType)) {
+    case "-1":
+      cycleDate = "".concat((0, _getLocale.getLocale)("OKR_MyO_Butt_AllStatee"));
+      break;
+
+    case "1":
+      cycleDate = "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Year"));
+      break;
+
+    case "2":
+      // 季度
+      cycleDate = quarter[Number(selected.yqmNum)];
+      break;
+
+    case "3":
+      cycleDate = month[Number(selected.yqmNum) - 1];
+      break;
+
+    case "4":
+      cycleDate = "".concat(month[Number(selected.yqmNum) - 1], " - ").concat(month[((Number(selected.yqmNum) + 1) % 12 || 12) - 1]);
+      break;
+
+    case "5":
+      cycleDate = Number("".concat(selected.yqmNum)) === 1 ? "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Firsthalf")) : "".concat((0, _getLocale.getLocale)("OKR_MyO_Pop_Secondhalf"));
+      break;
+
+    default:
+      cycleDate = "".concat((0, _getLocale.getLocale)("Mod_Customization"));
+  }
+
+  return "".concat(annualNum, "  ").concat(cycleDate);
+};
+
+exports.formatPeriod = formatPeriod;
+
+var computeYearIndex = function computeYearIndex(currentYear, yearsData, computeType) {
+  var newIndex;
+  var currentYearIndex = yearsData.findIndex(function (item) {
+    return Number(item.title) === currentYear;
+  });
+
+  if (computeType === "add") {
+    newIndex = currentYearIndex + 1;
+  } else {
+    newIndex = currentYearIndex - 1;
+  }
+
+  return newIndex;
+};
+
+exports.computeYearIndex = computeYearIndex;
+
+var getDateRangeByCycle = function getDateRangeByCycle(cycle) {
+  var startMonth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+
+  if (!cycle) {
+    var start = (0, _moment["default"])();
+    return {
+      startDate: start.format("YYYY/MM/DD"),
+      endDate: start.add(1, "M").format("YYYY/MM/DD")
+    };
+  }
+
+  switch (cycle.cycleType) {
+    case "-1":
+      {
+        return {
+          startDate: "",
+          endDate: ""
+        };
+      }
+
+    case "1":
+      {
+        var _start = (0, _moment["default"])().year(Number(cycle.annualNum)).month(startMonth - 1).date(1);
+
+        return {
+          startDate: _start.format("YYYY/MM/DD"),
+          endDate: _start.add(11, "M").endOf("M").format("YYYY/MM/DD")
+        };
+      }
+
+    case "2":
+      {
+        var yearStart = (0, _moment["default"])().year(Number(cycle.annualNum)).month(startMonth - 1).date(1);
+        var quarterStart = yearStart.add((Number(cycle.yqmNum) - 1) * 3, "M");
+        return {
+          startDate: quarterStart.format("YYYY/MM/DD"),
+          endDate: quarterStart.add(2, "M").endOf("M").format("YYYY/MM/DD")
+        };
+      }
+
+    case "3":
+      {
+        return {
+          startDate: "".concat(cycle.annualNum, "/").concat(Number(cycle.yqmNum) < 10 ? "0".concat(cycle.yqmNum) : cycle.yqmNum, "/01"),
+          endDate: (0, _moment["default"])("".concat(cycle.annualNum, "/").concat(cycle.yqmNum, "/", 1)).add(1, "month").set("date", 0).format("YYYY/MM/DD")
+        };
+      }
+
+    case "4":
+      {
+        var _start2 = (0, _moment["default"])().year(Number(cycle.annualNum)).month(Number(cycle.yqmNum) - 1).date(1);
+
+        return {
+          startDate: _start2.format("YYYY/MM/DD"),
+          endDate: _start2.add(1, "month").endOf("M").format("YYYY/MM/DD")
+        };
+      }
+
+    case "5":
+      {
+        var _start3 = (0, _moment["default"])().year(Number(cycle.annualNum)).month(startMonth - 1).date(1);
+
+        if (cycle.yqmNum === "2") _start3.add(6, "M");
+        return {
+          startDate: _start3.format("YYYY/MM/DD"),
+          endDate: _start3.add(5, "month").endOf("M").format("YYYY/MM/DD")
+        };
+      }
+
+    default:
+      {
+        return {
+          startDate: (0, _moment["default"])().set("year", Number(cycle.annualNum)).format("YYYY/MM/DD"),
+          endDate: (0, _moment["default"])().set("year", Number(cycle.annualNum)).add(30, "day").format("YYYY/MM/DD")
+        };
+      }
+  }
+};
+
+exports.getDateRangeByCycle = getDateRangeByCycle;
+
+function getQuaterNum(month) {
+  var startMonth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var m = month >= startMonth ? month : month + 12;
+  return Math.floor((m - startMonth) / 3) + 1;
+}
+
+function getDefalutCycle(setting) {
+  if (setting.isOpenQuarter) {
+    var _cycle = {
+      annualNum: "".concat(new Date().getFullYear()),
+      cycleType: "2",
+      yqmNum: "".concat(getQuaterNum(new Date().getMonth() + 1, setting.yearStartMonth))
+    };
+    return _objectSpread(_objectSpread({}, _cycle), getDateRangeByCycle(_cycle, setting.yearStartMonth));
+  }
+
+  if (setting.isOpenMonth) {
+    var _cycle2 = {
+      annualNum: "".concat(new Date().getFullYear()),
+      cycleType: "3",
+      yqmNum: "".concat(new Date().getMonth() + 1)
+    };
+    return _objectSpread(_objectSpread({}, _cycle2), getDateRangeByCycle(_cycle2, setting.yearStartMonth));
+  }
+
+  if (setting.isOpenBimonthly) {
+    var month = new Date().getMonth() + 1;
+
+    if (setting.yearStartMonth % 2 === 1) {
+      month -= month % 2 === 1 ? 0 : 1;
+    } else {
+      month = month - month % 2 || 12;
+    }
+
+    var _cycle3 = {
+      annualNum: "".concat(new Date().getFullYear()),
+      cycleType: "4",
+      yqmNum: "".concat(month)
+    };
+    return _objectSpread(_objectSpread({}, _cycle3), getDateRangeByCycle(_cycle3, setting.yearStartMonth));
+  }
+
+  if (setting.isOpenHalfYear) {
+    var _cycle4 = {
+      annualNum: "".concat(new Date().getFullYear()),
+      cycleType: "5",
+      yqmNum: "1"
+    };
+    return _objectSpread(_objectSpread({}, _cycle4), getDateRangeByCycle(_cycle4, setting.yearStartMonth));
+  }
+
+  var cycle = {
+    annualNum: "".concat(new Date().getFullYear()),
+    cycleType: "1",
+    yqmNum: "1"
+  };
+  return _objectSpread({
+    annualNum: "".concat(new Date().getFullYear()),
+    cycleType: "1",
+    yqmNum: "1"
+  }, getDateRangeByCycle(cycle, setting.yearStartMonth));
+}

package/lib/components/period-selector/components/button/index.js

@@ -0,0 +1,81 @@
+"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 _style = require("./style");
+
+var _excluded = ["type", "children", "onClick", "className", "style", "size", "theme"];
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Button = function Button(_ref, ref) {
+  var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "default" : _ref$type,
+      children = _ref.children,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      style = _ref.style,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "m" : _ref$size,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? "default" : _ref$theme,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  var Wrapper = _style.DefaultWrapper;
+
+  switch (type) {
+    case "default":
+      {
+        Wrapper = _style.DefaultWrapper;
+        break;
+      }
+
+    case "primary":
+      {
+        Wrapper = _style.PrimaryWrapper;
+        break;
+      }
+
+    case "border":
+      {
+        Wrapper = _style.BorderWrapper;
+        break;
+      }
+
+    case "link":
+      {
+        Wrapper = _style.LinkWrapper;
+        break;
+      }
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
+    onClick: onClick
+  }, others, {
+    className: "".concat(className, " btn-size-").concat(size),
+    style: style,
+    size: size,
+    ref: ref,
+    theme: theme
+  }), children);
+}; // @ts-ignore
+
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Button);
+
+exports["default"] = _default;

package/lib/components/period-selector/components/button/style.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrimaryWrapper = exports.LinkWrapper = exports.DefaultWrapper = exports.BorderWrapper = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+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 DefaultWrapper = _styledComponents["default"].button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n  color: #6f7886;\n  cursor: pointer;\n  outline: none;\n  transition: color 0.3s ease, border 0.3s ease;\n  background: transparent;\n  border-radius: 3px;\n  border: 1px solid #e9ecf0;\n  &.btn-size-m {\n    min-width: 90px;\n    height: 36px;\n    padding: 0 18px;\n    font-size: 14px;\n    font-weight: 400;\n  }\n  &.btn-size-s {\n    min-width: 68px;\n    height: 26px;\n    padding: 0 20px;\n    font-size: 13px;\n    font-weight: 400;\n  }\n  :hover {\n    color: #2879ff;\n    border-color: #2879ff;\n  }\n  :disabled {\n    cursor: not-allowed;\n    background-color: #f0f2f5;\n    color: #a4acb9;\n    border: none;\n    :hover {\n      border: none;\n      color: #bfc7d5;\n      opacity: 1;\n      background-color: #f0f2f5;\n    }\n  }\n"])));
+
+exports.DefaultWrapper = DefaultWrapper;
+var PrimaryWrapper = (0, _styledComponents["default"])(DefaultWrapper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #ffffff;\n  background: #2879ff;\n  border: none;\n  :hover {\n    color: #ffffff;\n    background-color: #5c8eff;\n    border: none;\n  }\n"])));
+exports.PrimaryWrapper = PrimaryWrapper;
+var BorderWrapper = (0, _styledComponents["default"])(DefaultWrapper)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  background: transparent;\n  border: 1px solid ", ";\n  :hover {\n    background: ", ";\n    color: ", ";\n    border-color: ", ";\n  }\n"])), function (p) {
+  return p.theme == "danger" ? "#F05E5E" : "#2879ff";
+}, function (p) {
+  return p.theme == "danger" ? "#F05E5E" : "#2879ff";
+}, function (p) {
+  return p.theme == "danger" ? "rgba(240,94,94,.1)" : "#e9f1ff";
+}, function (p) {
+  return p.theme == "danger" ? "#F05E5E" : "#2879ff";
+}, function (p) {
+  return p.theme == "danger" ? "#F05E5E" : "#2879ff";
+});
+exports.BorderWrapper = BorderWrapper;
+
+var LinkWrapper = _styledComponents["default"].button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  border: none;\n  background-color: transparent;\n  outline: none;\n  color: #2879ff;\n  font-size: 14px;\n  padding: 0;\n  transition: color 0.3s ease;\n  cursor: pointer;\n  :hover{\n    color: #5c8eff;\n  }\n"])));
+
+exports.LinkWrapper = LinkWrapper;