@titaui/pc 1.8.3 → 1.8.7

package/lib/components/form/form-fields/input/index.js

@@ -159,7 +159,7 @@ var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "-row"), layout === 'row'), className)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, !!label && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__label"))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__label-text"))

package/lib/components/nav-top/components/version/index.css

@@ -1,7 +1,5 @@
 .titaui-nav-top-version__version-info {
-  width: 120px;
   height: 24px;
-  background: url("../../images/version.png") no-repeat;
   background-size: 120px 24px;
   margin-right: 20px;
   font-size: 12px;
@@ -15,8 +13,18 @@
 
 .titaui-nav-top-version__version-info-name {
   margin-left: 8px;
+  background: linear-gradient(0deg, #FFC449 0%, #FFEFCD 53%, #FFC74B 100%);
+  border-radius: 12px;
+  padding: 3px 10px 3px 8px;
+  position: relative;
+  z-index: 2;
 }
 
 .titaui-nav-top-version__version-info-countdown {
-  margin-left: 16px;
+  background: linear-gradient(90deg, #FFAA00 0%, #FFE099 100%);
+  box-shadow: 0px 0px 4px #ffffff inset;
+  border-radius: 0 12px 12px 0;
+  filter: blur(0px);
+  margin-left: -10px;
+  padding: 3px 8px 3px 16px;
 }

package/lib/components/nav-top/components/version/index.js

@@ -17,8 +17,6 @@ var _constant = require("../../../version-change-modal/constant");
 
 var _constant2 = require("../../constant");
 
-var _getLocale = require("../../../../utils/getLocale");
-
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,6 +25,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+var i18nInfo = (0, _bsGlobal.getBSGlobal)("I18NInfo");
+var isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
 var prefix = "titaui-nav-top-version";
 
 var Version = function Version() {
@@ -44,9 +44,9 @@ var Version = function Version() {
     onClick: handleShowVersionSelector
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__version-info-name")
-  }, _constant2.versionTextMap[versionInfo.MenuVersion || _constant.Versions.Flagship]), /*#__PURE__*/_react["default"].createElement("span", {
+  }, (0, _constant2.getVersionTextMap)()[versionInfo.MenuVersion || _constant.Versions.Flagship]), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__version-info-countdown")
-  }, (0, _getLocale.getLocale)('OKR_MyO_E_Remaining'), versionInfo.Day, "\u5929")), /*#__PURE__*/_react["default"].createElement(_versionChangeModal["default"], {
+  }, isEn ? "".concat(versionInfo.Day, " day(s)") : "\u5269\u4F59".concat(versionInfo.Day, "\u5929"))), /*#__PURE__*/_react["default"].createElement(_versionChangeModal["default"], {
     ref: versionChangeModalRef
   }));
 };

package/lib/components/nav-top/constant.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.versionTextMap = exports.userId = exports.tm = exports.popupAlignPhoto = exports.apiServer = void 0;
+exports.userId = exports.tm = exports.popupAlignPhoto = exports.getVersionTextMap = exports.apiServer = void 0;
+
+var _getLocale = require("../../utils/getLocale");
 
 var _bsGlobal = require("../../utils/bs-global");
 
 var _constant = require("../version-change-modal/constant");
 
-var _versionTextMap;
-
 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 userId = (0, _bsGlobal.getUserInfo)().Id;
@@ -28,5 +28,11 @@ var popupAlignPhoto = {
   targetOffset: [0, 0]
 };
 exports.popupAlignPhoto = popupAlignPhoto;
-var versionTextMap = (_versionTextMap = {}, _defineProperty(_versionTextMap, _constant.Versions.Standard, "项目版"), _defineProperty(_versionTextMap, _constant.Versions.WeixinAssess, "绩效版"), _defineProperty(_versionTextMap, _constant.Versions.Professional, "OKR版"), _defineProperty(_versionTextMap, _constant.Versions.Flagship, "旗舰版"), _versionTextMap);
-exports.versionTextMap = versionTextMap;
+
+var getVersionTextMap = function getVersionTextMap() {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, _constant.Versions.Standard, (0, _getLocale.getLocale)('Sw_ProEdit')), _defineProperty(_ref, _constant.Versions.WeixinAssess, (0, _getLocale.getLocale)('Sw_PerEdit')), _defineProperty(_ref, _constant.Versions.Professional, (0, _getLocale.getLocale)('Sw_OKREdit')), _defineProperty(_ref, _constant.Versions.Flagship, (0, _getLocale.getLocale)('Sw_Flagship')), _ref;
+};
+
+exports.getVersionTextMap = getVersionTextMap;

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

@@ -98,11 +98,11 @@ var formatPeriod = function formatPeriod(selected) {
       break;
 
     case "3":
-      cycleDate = "".concat(isEn ? month[Number(selected.yqmNum) - 1] : selected.yqmNum + "月");
+      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]).concat(isEn ? '' : '月');
+      cycleDate = "".concat(month[Number(selected.yqmNum) - 1], " - ").concat(month[((Number(selected.yqmNum) + 1) % 12 || 12) - 1]);
       break;
 
     case "5":

package/lib/components/table/index.css

@@ -9,6 +9,7 @@
 .tita-pc__table {
   width: 100%;
   overflow: auto;
+  min-height: 200px;
 }
 
 .tita-pc__table-pagination {

package/lib/components/upload-photo-modal/constant.js

@@ -7,23 +7,29 @@ exports.List = void 0;
 var List = [{
   id: 'person',
   accept: '.jpg,.jpeg,.gif,.png',
-  autoCropArea: 0.5,
+  autoCropArea: 1,
   initialAspectRatio: 1,
   tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
-  previewTitle: '预览'
+  previewTitle: '预览',
+  minCropBoxHeight: 200,
+  minCropBoxWidth: 200
 }, {
   id: 'enterprise',
   accept: '.jpg,.jpeg,.gif,.png',
   autoCropArea: 1,
   initialAspectRatio: 5,
   tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
-  previewTitle: 'logo 预览'
+  previewTitle: 'logo 预览',
+  minCropBoxHeight: 20,
+  minCropBoxWidth: 20
 }, {
   id: 'browser',
   accept: '',
   autoCropArea: 0.5,
   initialAspectRatio: 1,
   tips: '图标尺寸 18*18，超过将被浏览器压缩',
-  previewTitle: '浏览器图标预览'
+  previewTitle: '浏览器图标预览',
+  minCropBoxHeight: 20,
+  minCropBoxWidth: 20
 }];
 exports.List = List;

package/lib/components/upload-photo-modal/index.js

@@ -27,8 +27,6 @@ var _constant = require("./constant");
 
 require("./index.css");
 
-var _uuid = _interopRequireDefault(require("uuid"));
-
 var _bsGlobal = require("../../utils/bs-global");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -37,10 +35,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -82,28 +76,21 @@ var ChangePhoto = function ChangePhoto(props) {
       cropData = _useState6[0],
       setCropData = _useState6[1];
 
-  var _useState7 = (0, _react.useState)({
-    Avatar: ''
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      userInfo = _useState8[0],
-      setUserInfo = _useState8[1];
-
-  var _useState9 = (0, _react.useState)(_constant.List.find(function (item) {
+  var _useState7 = (0, _react.useState)(_constant.List.find(function (item) {
     return item.id === type;
   })),
-      _useState10 = _slicedToArray(_useState9, 1),
-      item = _useState10[0];
+      _useState8 = _slicedToArray(_useState7, 1),
+      item = _useState8[0];
 
-  var _useState11 = (0, _react.useState)(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      isEnter = _useState12[0],
-      setIsEnter = _useState12[1];
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isEnter = _useState10[0],
+      setIsEnter = _useState10[1];
 
-  var _useState13 = (0, _react.useState)(''),
-      _useState14 = _slicedToArray(_useState13, 2),
-      fileName = _useState14[0],
-      setFileName = _useState14[1];
+  var _useState11 = (0, _react.useState)(''),
+      _useState12 = _slicedToArray(_useState11, 2),
+      fileName = _useState12[0],
+      setFileName = _useState12[1];
 
   var cropperRef = (0, _react.useRef)(null);
 
@@ -147,19 +134,14 @@ var ChangePhoto = function ChangePhoto(props) {
     var imageElement = cropperRef.current;
     var cropper = imageElement.cropper;
     setCropData(cropper.getCroppedCanvas().toDataURL());
-    setUserInfo(cropper.getCroppedCanvas().toDataURL());
     var base64Url = cropper.getCroppedCanvas().toDataURL();
     var newFile = dataURLtoFile(base64Url, fileName);
-    console.log(newFile);
     var formData = new FormData();
     formData.append('file', newFile);
-    console.log(formData);
     setCropper(formData);
   };
 
   var handleSaveInfo = function handleSaveInfo() {
-    var timestamp = new Date().getTime(); // 给每个文件加一个时间戳
-
     if (!image) {
       return;
     } else {
@@ -178,7 +160,6 @@ var ChangePhoto = function ChangePhoto(props) {
           }
         });
       } else if (type === "enterprise") {
-        // console.log(cropper);
         (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
           if (resp.Code === 1) {
             _toast["default"].Success('保存成功', {
@@ -191,13 +172,7 @@ var ChangePhoto = function ChangePhoto(props) {
               canClose: false
             });
           }
-        }); // axios({headers: {
-        //   'Content-Type': 'multipart/form-data',
-        // },
-        // method: 'post',
-        // data: cropper,
-        // url: `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo?format=json&timestamp=${timestamp}`})
-        // dealSelectFiles(image)
+        });
       } else {
         (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
           if (resp.Code === 1) {
@@ -216,83 +191,6 @@ var ChangePhoto = function ChangePhoto(props) {
     }
   };
 
-  var _useState15 = (0, _react.useState)(),
-      _useState16 = _slicedToArray(_useState15, 2),
-      uploadSuccessFile = _useState16[0],
-      setUploadSuccessFile = _useState16[1];
-
-  var dealSelectFiles = function dealSelectFiles(uploadSelectFile) {
-    var uploadStartFiles = []; // 开始上传的文件
-
-    var formData = new FormData(); // FormData 对象
-
-    var uploadStartFile;
-    var timestamp = new Date().getTime(); // 给每个文件加一个时间戳
-    // let uploadFileType = uploadSelectFile.name.substring(uploadSelectFile.name.lastIndexOf('.') + 1);
-
-    uploadStartFile = {
-      FileName: uploadSelectFile.name,
-      // FileType: _dealAttachmentType(uploadFileType).FileType,
-      FileSize: uploadSelectFile.size,
-      FileLastModified: uploadSelectFile.lastModified,
-      // IsImage: _dealAttachmentType(uploadFileType).IsImage,
-      percentComplete: 0,
-      uploadStatus: 1,
-      // 开始上传
-      IsSuccess: false,
-      uid: (0, _uuid["default"])(),
-      _smallImageUrl: '',
-      _bigImageUrl: '',
-      MediaType: '',
-      UserId: 0,
-      MaxDocCount: 0,
-      DfsPath: '',
-      ClientUrl: '',
-      SmallImageUrl: '',
-      BigImageUrl: '',
-      DownloadUrl: '',
-      Msg: '',
-      AllowUploadAttachmentSize: 50,
-      Deleteable: true,
-      requestXHR: new XMLHttpRequest() //在这创建是为了取消用
-
-    }; // uploadStartFiles.push(uploadStartFile);
-    // _dealUploadStart(uploadStartFiles); // 处理开始上传的文件
-
-    formData.append('file', uploadSelectFile);
-    var url = "".concat(apiServer, "/api/v1/").concat(tenantId, "/").concat(userid, "/tenant/update/logo");
-
-    _dealUploadXHRRequest(formData, url, uploadStartFile);
-  };
-  /**
-   * 处理文件上传请求
-   *
-   * @formData
-   * @url 上传文件请求地址
-   * @uploadStartFile 上传的文件
-   *
-   * @memberof Upload
-   */
-
-
-  var _dealUploadXHRRequest = function _dealUploadXHRRequest(formData, url, uploadStartFile) {
-    var xhr = uploadStartFile.requestXHR;
-
-    xhr.onreadystatechange = function () {
-      if (xhr.readyState == 4 && xhr.status == 200) {
-        var result = Object.assign({}, _objectSpread({}, JSON.parse(xhr.responseText).Result[0])); // 上传成功接口返回数据
-
-        result.percentComplete = 100;
-        result.IsSuccess = !!result.IsSuccess;
-        result.uploadStatus = result.IsSuccess ? 3 : 4; // 3上传成功；4上传失败
-        // _dealUploadSuccess({ ...uploadStartFile, ...result });
-      }
-    };
-
-    xhr.open('POST', url, true);
-    xhr.send(formData); //开始上传，发送form数据
-  };
-
   var handleEnterAgain = function handleEnterAgain() {
     setIsEnter(true);
   };
@@ -378,15 +276,12 @@ var ChangePhoto = function ChangePhoto(props) {
     responsive: true,
     autoCropArea: item === null || item === void 0 ? void 0 : item.autoCropArea,
     checkOrientation: true,
-    minCropBoxHeight: 10,
-    minCropBoxWidth: 10,
+    minCropBoxHeight: item === null || item === void 0 ? void 0 : item.minCropBoxHeight,
+    minCropBoxWidth: item === null || item === void 0 ? void 0 : item.minCropBoxWidth,
     initialAspectRatio: item === null || item === void 0 ? void 0 : item.initialAspectRatio,
     guides: true,
     preview: ".img-preview",
-    ref: cropperRef // onInitialized={(instance) => {
-    // 	setCropper(instance);
-    // }}
-    ,
+    ref: cropperRef,
     crop: onCrop
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__preview-box"), _defineProperty({}, "".concat(preCls, "__preview-box-bgc"), type === "enterprise"), _defineProperty({}, "".concat(preCls, "__preview-box-browser"), type === "browser"))

package/lib/components/version-change-modal/constant.js

@@ -21,30 +21,30 @@ exports.Versions = Versions;
 var getVersionList = function getVersionList() {
   return [{
     version: Versions.Standard,
-    name: "项目管理版",
+    name: (0, _getLocale.getLocale)("Sw_ProEdition"),
     color: "blue",
     image: require("./images/project.png"),
-    items: [(0, _getLocale.getLocale)('Pro_card_ProjectMilestone'), "项目看板管理", "项目任务分解", "项目报表统计", "工作计划&统计"]
+    items: [(0, _getLocale.getLocale)("Pro_card_ProjectMilestone"), (0, _getLocale.getLocale)("Sw_ProManagement"), (0, _getLocale.getLocale)("Sw_ProBreakdown"), (0, _getLocale.getLocale)("Sw_RepStatistics"), (0, _getLocale.getLocale)("Sw_WorkStatistics")]
   }, {
     version: Versions.WeixinAssess,
-    name: "绩效考核版",
+    name: (0, _getLocale.getLocale)("Sw_PerformEdition"),
     color: "blue",
     image: require("./images/performance.png"),
-    items: [(0, _getLocale.getLocale)('Per_Menu_Title_Assessmenttempla'), (0, _getLocale.getLocale)('Per_Menu_Title_AssessmentMana'), "360 评价", "绩效统计", "绩效结果校准"]
+    items: [(0, _getLocale.getLocale)("Per_Menu_Title_Assessmenttempla"), (0, _getLocale.getLocale)("Per_Menu_Title_AssessmentMana"), (0, _getLocale.getLocale)("Sw_360Feedback"), (0, _getLocale.getLocale)('Sw_PeStatistics'), (0, _getLocale.getLocale)('Sw_PerCalibration')]
   }, {
     version: Versions.Professional,
-    name: "OKRs-E 专业版",
+    name: (0, _getLocale.getLocale)('Sw_OKRsEdition'),
     // subName:'包含以下 2 个版本全部功能',
     color: "yellow",
     image: require("./images/okre.png"),
-    items: ["OKR 目标管理版", "OKR 目标地图", (0, _getLocale.getLocale)('OKR_Menu_Title_OKRWork'), (0, _getLocale.getLocale)('OKR_Menu_Title_Dashboard'), "项目与计划管理"]
+    items: [(0, _getLocale.getLocale)('Sw_OKRManagement'), (0, _getLocale.getLocale)('Sw_OKRAlignment'), (0, _getLocale.getLocale)("OKR_Menu_Title_OKRWork"), (0, _getLocale.getLocale)("OKR_Menu_Title_Dashboard"), (0, _getLocale.getLocale)('Sw_ProjectsPrograms')]
   }, {
     version: Versions.Flagship,
-    name: "旗舰版",
-    subName: "包含以下 2 个版本全部功能",
+    name: (0, _getLocale.getLocale)('Sw_FlagshipEdit'),
+    subName: (0, _getLocale.getLocale)('Sw_Includes2s'),
     color: "green",
     image: require("./images/performancePlus.png"),
-    items: ["OKRs-E 专业版", "绩效考核版"]
+    items: [(0, _getLocale.getLocale)('Sw_OKRsEdition'), (0, _getLocale.getLocale)('Sw_PerformEdition')]
   }];
 };
 

package/lib/components/version-change-modal/index.js

@@ -17,10 +17,12 @@ var _requestApi = require("./request-api");
 
 var _constant = require("./constant");
 
-require("./index.css");
-
 var _helpers = require("../../utils/helpers");
 
+var _getLocale = require("../../utils/getLocale");
+
+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); }
@@ -186,7 +188,7 @@ var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
           }
         }, _callee2);
       }))
-    }, "\u514D\u8D39\u8BD5\u7528")));
+    }, (0, _getLocale.getLocale)('Sw_FreeTrial'))));
   })))));
 });
 var _default = VersionChangeModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.8.3",
+  "version": "1.8.7",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/form/form-fields/input/index.tsx

@@ -110,10 +110,10 @@ export default forwardRef((props: Props, ref) => {
   }))
 
   return <div className={classNames(preCls,{[`${preCls}-row`]:layout==='row'},className)}>
-    <div className={classNames(`${preCls}__label`)}>
+    {!!label && <div className={classNames(`${preCls}__label`)}>
       <span className={classNames(`${preCls}__label-text`)}>{label}</span>
       {require && <span className={classNames(`${preCls}__label-require`)}>*</span>}
-    </div>
+    </div>}
     <div className={classNames(`${preCls}__border`, {
       [`${preCls}__border--error`]: hasError,
       [`${preCls}__border--active`]: hasActive,

package/src/components/nav-top/components/version/index.scss

@@ -1,8 +1,6 @@
 .titaui-nav-top-version {
   &__version-info {
-    width: 120px;
     height: 24px;
-    background: url("../../images/version.png") no-repeat;
     background-size: 120px 24px;
     margin-right: 20px;
     font-size: 12px;
@@ -14,9 +12,19 @@
     cursor: pointer;
     &-name {
       margin-left: 8px;
+      background: linear-gradient(0deg, #FFC449 0%, #FFEFCD 53%, #FFC74B 100%);
+      border-radius: 12px;
+      padding: 3px 10px 3px 8px;
+      position: relative;
+      z-index: 2;
     }
     &-countdown {
-      margin-left: 16px;
+      background: linear-gradient(90deg, #FFAA00 0%, #FFE099 100%);
+      box-shadow: 0px 0px 4px #ffffff inset;
+      border-radius: 0 12px 12px 0;
+      filter: blur(0px);
+      margin-left: -10px;
+      padding: 3px 8px 3px 16px;
     }
   }
 }

package/src/components/nav-top/components/version/index.tsx

@@ -2,10 +2,12 @@ import React, { FC, useRef } from "react";
 import { getBSGlobal } from "../../../../utils/bs-global";
 import VersionChangeModal from "../../../version-change-modal";
 import { Versions } from "../../../version-change-modal/constant";
-import { versionTextMap } from "../../constant";
-import { getLocale } from "../../../../utils/getLocale";
+import { getVersionTextMap } from "../../constant";
 import "./index.scss";
 
+const i18nInfo = getBSGlobal("I18NInfo");
+const isEn = i18nInfo && i18nInfo.I18NOpen && i18nInfo.I18NUserLang === "en_US";
+
 const prefix = "titaui-nav-top-version";
 
 const Version: FC = () => {
@@ -23,8 +25,8 @@ const Version: FC = () => {
         className={`${prefix}__version-info`}
         onClick={handleShowVersionSelector}
       >
-        <span className={`${prefix}__version-info-name`}>{versionTextMap[versionInfo.MenuVersion || Versions.Flagship]}</span>
-        <span className={`${prefix}__version-info-countdown`}>{getLocale('OKR_MyO_E_Remaining')}{versionInfo.Day}天</span>
+        <span className={`${prefix}__version-info-name`}>{getVersionTextMap()[versionInfo.MenuVersion || Versions.Flagship]}</span>
+        <span className={`${prefix}__version-info-countdown`}>{isEn ? `${versionInfo.Day} day(s)` : `剩余${versionInfo.Day}天`}</span>
       </div>
       <VersionChangeModal
         ref={versionChangeModalRef}

package/src/components/nav-top/constant.ts

@@ -1,5 +1,5 @@
+import { getLocale } from "../../utils/getLocale";
 import { getUserInfo, getBSGlobal } from "../../utils/bs-global";
-
 import { Versions } from "../version-change-modal/constant";
 
 export const userId = getUserInfo().Id;
@@ -12,9 +12,9 @@ export const popupAlignPhoto = {
   targetOffset: [0, 0],
 };
 
-export const versionTextMap = {
-  [Versions.Standard]: "项目版",
-  [Versions.WeixinAssess]: "绩效版",
-  [Versions.Professional]: "OKR版",
-  [Versions.Flagship]: "旗舰版",
-};
+export const getVersionTextMap = () => ({
+  [Versions.Standard]: getLocale('Sw_ProEdit'),
+  [Versions.WeixinAssess]: getLocale('Sw_PerEdit'),
+  [Versions.Professional]: getLocale('Sw_OKREdit'),
+  [Versions.Flagship]: getLocale('Sw_Flagship'),
+});

package/src/components/period-selector/common.ts

@@ -84,12 +84,12 @@ export const formatPeriod = (selected: SelectedInterface) => {
       cycleDate = quarter[Number(selected.yqmNum)];
       break;
     case "3":
-      cycleDate = `${isEn ? month[Number(selected.yqmNum) - 1] : selected.yqmNum + "月"}`;
+      cycleDate = month[Number(selected.yqmNum) - 1];
       break;
     case "4":
       cycleDate = `${month[Number(selected.yqmNum)-1]} - ${
         month[((Number(selected.yqmNum) + 1) % 12 || 12)-1]
-      }${isEn ? '' : '月'}`;
+      }`;
       break;
     case "5":
       cycleDate = selected.yqmNum == "1" ? `${getLocale('OKR_MyO_Pop_Firsthalf')}` : `${getLocale('OKR_MyO_Pop_Secondhalf')}`;

package/src/components/table/index.scss

@@ -9,6 +9,7 @@
   &__table {
     width: 100%;
     overflow: auto;
+    min-height: 200px;
     &-pagination {
       padding: 10px 0 0 0;
       display: flex;

package/src/components/upload-photo-modal/constant.ts

@@ -3,10 +3,12 @@ export const List = [
 	{
 		id: 'person',
 		accept: '.jpg,.jpeg,.gif,.png',
-		autoCropArea: 0.5,
+		autoCropArea: 1,
 		initialAspectRatio: 1,
 		tips: '仅支持 jpg、jpeg、gif、png 格式 建议图片最小尺寸 150*150px',
 		previewTitle: '预览',
+    minCropBoxHeight: 200,
+    minCropBoxWidth: 200,
 	},
   {
 		id: 'enterprise',
@@ -15,6 +17,8 @@ export const List = [
 		initialAspectRatio: 5,
 		tips: '建议 logo 尺寸 400*80 logo 最佳适配颜色为白色 仅支持 jpg、jpeg、gif、png 格式',
 		previewTitle: 'logo 预览',
+    minCropBoxHeight: 20,
+    minCropBoxWidth: 20,
 	},
   {
 		id: 'browser',
@@ -23,5 +27,7 @@ export const List = [
 		initialAspectRatio: 1,
 		tips: '图标尺寸 18*18，超过将被浏览器压缩',
 		previewTitle: '浏览器图标预览',
+    minCropBoxHeight: 20,
+    minCropBoxWidth: 20,
 	}
 ];

package/src/components/upload-photo-modal/index.tsx

@@ -4,13 +4,11 @@ import Cropper from 'react-cropper';
 import 'cropperjs/dist/cropper.css';
 import Toast from '../../components/toast';
 import ConditionRender from '../condition-render';
-import { saveUserInfo, saveTenantLogo, saveBrowserIcon, saveUserPhoto } from './request-api';
+import { saveTenantLogo, saveBrowserIcon, saveUserPhoto } from './request-api';
 import Dialog from '../../components/dialog';
 import { List } from './constant'
 import './index.scss';
 import uuid from 'uuid';
-import { rput, rpost } from "../../utils/request";
-import axios from 'axios';
 import { getBSGlobal, getUserInfo, getTenantInfo } from '../../utils/bs-global';
 const apiServer = getBSGlobal("apiPath")
 const userid = getUserInfo().Id;
@@ -33,25 +31,24 @@ const ChangePhoto = (props: Props) => {
 	const [ image, setImage ] = useState('');
 	const [ cropper, setCropper ] = useState<any>();
 	const [ cropData, setCropData ] = useState('#');
-	const [ userInfo, setUserInfo ] = useState({ Avatar: '' });
   const [item] = useState(List.find(item => item.id === type));
   const [isEnter, setIsEnter] = useState(false);
   const [fileName, setFileName] = useState('')
 
 	const cropperRef = useRef<HTMLImageElement>(null);
 
-	const onChange = (e: any) => {
+	const onChange = (e: any) => {    
 		e.preventDefault();
 		let files;
 		if (e.dataTransfer) {
 			files = e.dataTransfer.files;
 		} else if (e.target) {
 			files = e.target.files;
-		}
+		}    
     setFileName(files[0].name)
 		const reader = new FileReader();    
 		reader.onload = () => {
-			setImage(reader.result as any);      
+			setImage(reader.result as any);            
 		};
 		reader.readAsDataURL(files[0]);
 	};
@@ -67,30 +64,24 @@ const ChangePhoto = (props: Props) => {
 }
 
 
-	const onCrop = () => {
-
+	const onCrop = () => {   
 		const imageElement: any = cropperRef.current;
-		const cropper: any = imageElement.cropper;
+		const cropper: any = imageElement.cropper;    
 
 		setCropData(cropper.getCroppedCanvas().toDataURL());
-		setUserInfo(cropper.getCroppedCanvas().toDataURL());
-
-    let base64Url = cropper.getCroppedCanvas().toDataURL();
-
-    const newFile = dataURLtoFile(base64Url, fileName);
-    console.log(newFile);
     
+    let base64Url = cropper.getCroppedCanvas().toDataURL();
+        
+    const newFile = dataURLtoFile(base64Url, fileName);    
 
     let formData = new FormData();
 
     formData.append('file', newFile);
 
-    console.log(formData);
     setCropper(formData);
 	};
 
   const handleSaveInfo =  () => {
-    let timestamp = new Date().getTime(); // 给每个文件加一个时间戳
     if (!image) {
       return;
     } else {
@@ -104,7 +95,6 @@ const ChangePhoto = (props: Props) => {
           }
         });
       } else if(type === "enterprise") {  
-        // console.log(cropper);
         saveTenantLogo( cropper ).then((resp) => {
           if (resp.Code === 1) {
             Toast.Success('保存成功', { canClose: false });
@@ -113,13 +103,6 @@ const ChangePhoto = (props: Props) => {
             Toast.Error(resp.Message, { canClose: false });
           }
         });
-        // axios({headers: {
-        //   'Content-Type': 'multipart/form-data',
-        // },
-        // method: 'post',
-        // data: cropper,
-        // url: `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo?format=json&timestamp=${timestamp}`})
-        // dealSelectFiles(image)
       }  else {
         saveBrowserIcon( cropper ).then((resp) => {
           if (resp.Code === 1) {
@@ -133,74 +116,6 @@ const ChangePhoto = (props: Props) => {
     }
   };
 
-  const [uploadSuccessFile, setUploadSuccessFile] = useState();
-
-
-  const dealSelectFiles = (uploadSelectFile) => {
-
-    let uploadStartFiles = []; // 开始上传的文件
-      let formData = new FormData(); // FormData 对象
-      let uploadStartFile;
-      let timestamp = new Date().getTime(); // 给每个文件加一个时间戳
-      // let uploadFileType = uploadSelectFile.name.substring(uploadSelectFile.name.lastIndexOf('.') + 1);
-
-      uploadStartFile = {
-        FileName: uploadSelectFile.name,
-        // FileType: _dealAttachmentType(uploadFileType).FileType,
-        FileSize: uploadSelectFile.size,
-        FileLastModified: uploadSelectFile.lastModified,
-        // IsImage: _dealAttachmentType(uploadFileType).IsImage,
-        percentComplete: 0,
-        uploadStatus: 1, // 开始上传
-        IsSuccess: false,
-        uid: uuid(),
-        _smallImageUrl: '',
-        _bigImageUrl: '',
-        MediaType: '',
-        UserId: 0,
-        MaxDocCount: 0,
-        DfsPath: '',
-        ClientUrl: '',
-        SmallImageUrl: '',
-        BigImageUrl: '',
-        DownloadUrl: '',
-        Msg: '',
-        AllowUploadAttachmentSize: 50,
-        Deleteable: true,
-        requestXHR: new XMLHttpRequest(), //在这创建是为了取消用
-      };
-
-      // uploadStartFiles.push(uploadStartFile);
-      // _dealUploadStart(uploadStartFiles); // 处理开始上传的文件
-      formData.append('file', uploadSelectFile);
-      let url = `${apiServer}/api/v1/${tenantId}/${userid}/tenant/update/logo`;
-      _dealUploadXHRRequest(formData, url, uploadStartFile);
-  };
-
-  /**
-   * 处理文件上传请求
-   *
-   * @formData
-   * @url 上传文件请求地址
-   * @uploadStartFile 上传的文件
-   *
-   * @memberof Upload
-   */
-  const _dealUploadXHRRequest = (formData: any, url: string, uploadStartFile) => {
-    let xhr = uploadStartFile.requestXHR;
-    xhr.onreadystatechange = () => {
-      if (xhr.readyState == 4 && xhr.status == 200) {
-        let result = Object.assign({}, { ...JSON.parse(xhr.responseText).Result[0] }); // 上传成功接口返回数据
-        result.percentComplete = 100;
-        result.IsSuccess = !!result.IsSuccess;
-        result.uploadStatus = result.IsSuccess ? 3 : 4; // 3上传成功；4上传失败
-        // _dealUploadSuccess({ ...uploadStartFile, ...result });
-      }
-    };
-    xhr.open('POST', url, true);
-    xhr.send(formData); //开始上传，发送form数据
-  };
-
   const handleEnterAgain = () => {
     setIsEnter(true);
   }
@@ -278,15 +193,12 @@ const ChangePhoto = (props: Props) => {
 							responsive={true}
 							autoCropArea={item?.autoCropArea}
 							checkOrientation={true}
-							minCropBoxHeight={10}
-							minCropBoxWidth={10}
+							minCropBoxHeight={item?.minCropBoxHeight}
+							minCropBoxWidth={item?.minCropBoxWidth}
 							initialAspectRatio={item?.initialAspectRatio}
 							guides={true}
 							preview=".img-preview"
 							ref={cropperRef}
-							// onInitialized={(instance) => {
-							// 	setCropper(instance);
-							// }}
 							crop={onCrop}
 						/>
 						<div className={classNames(`${preCls}__preview-box`, {[`${preCls}__preview-box-bgc`]:type === "enterprise"}, {[`${preCls}__preview-box-browser`]:type === "browser"})}>

package/src/components/version-change-modal/constant.ts

@@ -27,45 +27,51 @@ export const getVersionList = () => {
   return [
     {
       version: Versions.Standard,
-      name: "项目管理版",
+      name: getLocale("Sw_ProEdition"),
       color: "blue",
       image: require("./images/project.png"),
       items: [
-        getLocale('Pro_card_ProjectMilestone'),
-        "项目看板管理",
-        "项目任务分解",
-        "项目报表统计",
-        "工作计划&统计",
+        getLocale("Pro_card_ProjectMilestone"),
+        getLocale("Sw_ProManagement"),
+        getLocale("Sw_ProBreakdown"),
+        getLocale("Sw_RepStatistics"),
+        getLocale("Sw_WorkStatistics"),
       ],
     },
     {
       version: Versions.WeixinAssess,
-      name: "绩效考核版",
+      name: getLocale("Sw_PerformEdition"),
       color: "blue",
       image: require("./images/performance.png"),
-      items: [getLocale('Per_Menu_Title_Assessmenttempla'), getLocale('Per_Menu_Title_AssessmentMana'), "360 评价", "绩效统计", "绩效结果校准"],
+      items: [
+        getLocale("Per_Menu_Title_Assessmenttempla"),
+        getLocale("Per_Menu_Title_AssessmentMana"),
+        getLocale("Sw_360Feedback"),
+        getLocale('Sw_PeStatistics'),
+        getLocale('Sw_PerCalibration'),
+      ],
     },
     {
       version: Versions.Professional,
-      name: "OKRs-E 专业版",
+      name: getLocale('Sw_OKRsEdition'),
       // subName:'包含以下 2 个版本全部功能',
       color: "yellow",
       image: require("./images/okre.png"),
       items: [
-        "OKR 目标管理版",
-        "OKR 目标地图",
-        getLocale('OKR_Menu_Title_OKRWork'),
-        getLocale('OKR_Menu_Title_Dashboard'),
-        "项目与计划管理",
+        getLocale('Sw_OKRManagement'),
+        getLocale('Sw_OKRAlignment'),
+        getLocale("OKR_Menu_Title_OKRWork"),
+        getLocale("OKR_Menu_Title_Dashboard"),
+        getLocale('Sw_ProjectsPrograms'),
       ],
     },
     {
       version: Versions.Flagship,
-      name: "旗舰版",
-      subName: "包含以下 2 个版本全部功能",
+      name: getLocale('Sw_FlagshipEdit'),
+      subName: getLocale('Sw_Includes2s'),
       color: "green",
       image: require("./images/performancePlus.png"),
-      items: ["OKRs-E 专业版", "绩效考核版"],
+      items: [getLocale('Sw_OKRsEdition'), getLocale('Sw_PerformEdition')],
     },
-  ]
+  ];
 };

package/src/components/version-change-modal/index.tsx

@@ -9,8 +9,9 @@ import Dialog from "../dialog";
 import { getBSGlobal } from "../../utils/bs-global";
 import { cancelGuide, setVersion } from "./request-api";
 import { getVersionList, Versions } from "./constant";
-import "./index.scss";
 import { getTenantInfo } from "../../utils/helpers";
+import { getLocale } from "../../utils/getLocale";
+import "./index.scss";
 
 const prefix = "titaui-version-change-modal";
 
@@ -115,7 +116,7 @@ const VersionChangeModal: FC<any> = forwardRef(
                         await handleTryToUseClick(version);
                       }}
                     >
-                      免费试用
+                      {getLocale('Sw_FreeTrial')}
                     </a>
                   </div>
                 </div>