@titaui/pc 1.9.112 → 1.9.116

package/lib/components/book-demo/components/pc/components/checkbox/index.css

@@ -39,6 +39,7 @@
   height: 32px;
   margin-right: 10px;
   user-select: none;
+  color: #3f4755;
 }
 
 .titaui-book-demo-checkbox__options-item--selected {

package/lib/components/book-demo/components/pc/components/checkbox/index.js

@@ -51,6 +51,7 @@ var BookDemoCheckbox = function BookDemoCheckbox(_ref) {
       required = _ref.required,
       halfWidth = _ref.halfWidth,
       option = _ref.option,
+      multiSelect = _ref.multiSelect,
       onChange = _ref.onChange;
 
   var _useState = (0, _react.useState)([]),
@@ -66,6 +67,18 @@ var BookDemoCheckbox = function BookDemoCheckbox(_ref) {
   var handleChangeInputValue = function handleChangeInputValue(selectedId) {
     var result = [];
 
+    if (!multiSelect) {
+      setHasErr(required && result.length === 0);
+      result.push(selectedId);
+      setValue(result);
+
+      if (onChange) {
+        onChange(name, id, result, required && result.length === 0);
+      }
+
+      return;
+    }
+
     if (value.includes(selectedId)) {
       result = value.filter(function (item) {
         return item !== selectedId;

package/lib/components/book-demo/components/pc/components/content/index.css

@@ -1,5 +1,7 @@
 .titaui-book-demo-pc-content {
   display: flex;
+  background-color: #ffffff;
+  border-radius: 24px;
 }
 
 .titaui-book-demo-pc-content__left {
@@ -39,8 +41,6 @@
   grid-template-columns: 1fr 1fr;
   column-gap: 12px;
   row-gap: 20px;
-  max-height: 366px;
-  overflow: auto;
   padding-right: 22px;
 }
 
@@ -103,10 +103,11 @@
 .titaui-book-demo-pc-content__right-commit--shadow::before {
   content: '';
   position: absolute;
-  width: 320px;
+  width: 302px;
   height: 16px;
   background: #f0f2f5;
   border-radius: 8px;
   filter: blur(4px);
   bottom: 76px;
+  right: 44px;
 }

package/lib/components/book-demo/components/pc/components/content/index.js

@@ -31,6 +31,8 @@ var _toast = _interopRequireDefault(require("../../../../../toast"));
 
 var _constant = require("../../../../constant");
 
+var _scrollbar = _interopRequireDefault(require("../../../../../scrollbar"));
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -70,14 +72,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var preCls = "titaui-book-demo-pc-content";
 var uname = window.BSGlobal && window.BSGlobal.loginUserInfo.Name || "";
 var uid = window.BSGlobal && window.BSGlobal.tenantInfo.Id || "";
-var source = window.BSGlobal && window.BSGlobal.tenantInfo.Source || (0, _utils.getSource)("source");
+var Source = window.BSGlobal && window.BSGlobal.tenantInfo.Source || (0, _utils.getSource)();
 var lname = window.BSGlobal && window.BSGlobal.loginUserInfo.Name || "";
 var lmobile = window.BSGlobal && window.BSGlobal.loginUserInfo.Mobile || "";
 var lcompany = window.BSGlobal && window.BSGlobal.tenantInfo.Name || "";
 
 var BookDemoPCContent = function BookDemoPCContent(_ref) {
   var type = _ref.type,
-      onSubmitSuccess = _ref.onSubmitSuccess;
+      onSubmitSuccess = _ref.onSubmitSuccess,
+      _ref$source = _ref.source,
+      source = _ref$source === void 0 ? 0 : _ref$source;
 
   var _useState = (0, _react.useState)((0, _utils.getTypeData)(type)),
       _useState2 = _slicedToArray(_useState, 2),
@@ -148,7 +152,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
         content: content,
         code: verificationData.value,
         keyRandomV2: yzmGuidVal.indexOf("?") !== -1 ? yzmGuidVal.slice(0, yzmGuidVal.indexOf("?")) : yzmGuidVal,
-        source: source
+        source: source > 0 ? source : Source
       }
     }).then(function (res) {
       if (res.data.Code) {
@@ -215,7 +219,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
   }, [result, isAggrePrivacy]);
   (0, _react.useEffect)(function () {
     setTimeout(function () {
-      if (formRef.current.offsetHeight < formRef.current.scrollHeight) {
+      if (formRef.current.offsetHeight > 366) {
         setIsFormOverflow(true);
       }
     }, 0);
@@ -270,6 +274,10 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
     src: data.img
   })), /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(preCls, "__right")
+  }, /*#__PURE__*/_react["default"].createElement(_scrollbar["default"], {
+    style: {
+      maxHeight: "366px"
+    }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__right-form")),
     ref: formRef
@@ -285,7 +293,7 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
     href: "/Account/Register/ServiceTreaty?tenantId=0&isvId=10000",
     target: "_blank",
     className: "".concat(preCls, "__right-form-privacy-link")
-  }, "\u670D\u52A1\u53CA\u9690\u79C1\u6761\u6B3E"))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u670D\u52A1\u53CA\u9690\u79C1\u6761\u6B3E")))), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__right-commit--shadow"), isFormOverflow))
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(preCls, "__right-commit"))
@@ -296,5 +304,8 @@ var BookDemoPCContent = function BookDemoPCContent(_ref) {
   }, "\u63D0\u4EA4"))));
 };
 
+BookDemoPCContent.defaultProps = {
+  source: 0
+};
 var _default = BookDemoPCContent;
 exports["default"] = _default;

package/lib/components/book-demo/components/pc/components/drop-select/index.css

@@ -29,13 +29,13 @@
   justify-content: space-between;
   cursor: pointer;
   width: calc(100% - 4px);
-  padding-left: 4px;
+  padding-left: 8px;
   font-size: 14px;
   color: #3f4755;
   line-height: 22px;
 }
 
 .titaui-book-demo-drop-select__value-down {
-  width: 12px;
+  width: 10px;
   align-self: center;
 }

package/lib/components/book-demo/components/pc/components/input/index.css

@@ -6,6 +6,10 @@
   padding-bottom: 5px;
 }
 
+.titaui-book-demo-input--error {
+  border-bottom: 1px solid #f05e5e;
+}
+
 .titaui-book-demo-input--full-row {
   grid-column-start: 1;
   grid-column-end: 3;
@@ -27,7 +31,7 @@
 .titaui-book-demo-input__input {
   border: none;
   outline: none;
-  padding-left: 4px;
+  padding-left: 8px;
   font-size: 14px;
   color: #3f4755;
   line-height: 22px;
@@ -38,3 +42,15 @@
 .titaui-book-demo-input__input--half {
   width: 110px;
 }
+
+.titaui-book-demo-input__input ::-webkit-input-placeholder {
+  color: #bfc7d5;
+}
+
+.titaui-book-demo-input__input :-ms-input-placeholder {
+  color: #bfc7d5;
+}
+
+.titaui-book-demo-input__input :-moz-input-placeholder {
+  color: #bfc7d5;
+}

package/lib/components/book-demo/components/pc/components/input/index.js

@@ -38,6 +38,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var preCls = "titaui-book-demo-input";
 
 var BookDemoInput = function BookDemoInput(_ref) {
+  var _classNames;
+
   var name = _ref.name,
       type = _ref.type,
       value = _ref.value,
@@ -74,7 +76,7 @@ var BookDemoInput = function BookDemoInput(_ref) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
+    className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
   }, name), /*#__PURE__*/_react["default"].createElement("input", {
@@ -82,8 +84,7 @@ var BookDemoInput = function BookDemoInput(_ref) {
     type: type,
     value: inputValue,
     onChange: handleChangeInputValue,
-    onBlur: handleBlur,
-    placeholder: "\u8BF7\u8F93\u5165"
+    onBlur: handleBlur
   }), /*#__PURE__*/_react["default"].createElement(_errorInfo["default"], {
     errMsg: hasErr ? "".concat(name, "\u4E0D\u80FD\u4E3A\u7A7A") : ""
   }));

package/lib/components/book-demo/components/pc/components/phone/index.css

@@ -9,6 +9,10 @@
   /* 火狐浏览器 */
 }
 
+.titaui-book-demo-phone--error {
+  border-bottom: 1px solid #f05e5e;
+}
+
 .titaui-book-demo-phone--full-row {
   grid-column-start: 1;
   grid-column-end: 3;
@@ -34,7 +38,7 @@
 .titaui-book-demo-phone__input {
   border: none;
   outline: none;
-  padding-left: 4px;
+  padding-left: 8px;
   font-size: 14px;
   color: #3f4755;
   line-height: 22px;
@@ -50,3 +54,15 @@
 .titaui-book-demo-phone__input::-webkit-outer-spin-button, .titaui-book-demo-phone__input::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }
+
+.titaui-book-demo-phone__input ::-webkit-input-placeholder {
+  color: #bfc7d5;
+}
+
+.titaui-book-demo-phone__input :-ms-input-placeholder {
+  color: #bfc7d5;
+}
+
+.titaui-book-demo-phone__input :-moz-input-placeholder {
+  color: #bfc7d5;
+}

package/lib/components/book-demo/components/pc/components/phone/index.js

@@ -39,6 +39,8 @@ var preCls = "titaui-book-demo-phone";
 var phoneReg = /^1[3456789]\d{9}$/;
 
 var BookDemoPhone = function BookDemoPhone(_ref) {
+  var _classNames;
+
   var name = _ref.name,
       required = _ref.required,
       id = _ref.id,
@@ -74,7 +76,7 @@ var BookDemoPhone = function BookDemoPhone(_ref) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
+    className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
   }, name), /*#__PURE__*/_react["default"].createElement("input", {
@@ -82,8 +84,7 @@ var BookDemoPhone = function BookDemoPhone(_ref) {
     type: "number",
     value: inputValue,
     onChange: handleChangeInputValue,
-    onBlur: handleBlur,
-    placeholder: "\u8BF7\u8F93\u5165"
+    onBlur: handleBlur
   }), /*#__PURE__*/_react["default"].createElement(_errorInfo["default"], {
     errMsg: hasErr ? "".concat(name, "\u4E0D\u80FD\u4E3A\u7A7A\uFF0C\u9700\u8981\u5408\u6CD5\u4E14\u957F\u5EA6\u5FC5\u987B\u4E3A11\u4F4D") : ""
   }));

package/lib/components/book-demo/components/pc/components/verify-code/index.css

@@ -7,6 +7,10 @@
   padding-bottom: 3px;
 }
 
+.titaui-book-demo-verify-code--error {
+  border-bottom: 1px solid #f05e5e;
+}
+
 .titaui-book-demo-verify-code--full-row {
   grid-column-start: 1;
   grid-column-end: 3;

package/lib/components/book-demo/components/pc/components/verify-code/index.js

@@ -38,6 +38,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var preCls = "titaui-book-demo-verify-code";
 
 var BookDemoVerifyCode = function BookDemoVerifyCode(_ref) {
+  var _classNames;
+
   var name = _ref.name,
       required = _ref.required,
       halfWidth = _ref.halfWidth,
@@ -111,14 +113,13 @@ var BookDemoVerifyCode = function BookDemoVerifyCode(_ref) {
     setYzmGuid(renderCode());
   }, []);
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(preCls, _defineProperty({}, "".concat(preCls, "--full-row"), !halfWidth))
+    className: (0, _classnames["default"])(preCls, (_classNames = {}, _defineProperty(_classNames, "".concat(preCls, "--full-row"), !halfWidth), _defineProperty(_classNames, "".concat(preCls, "--error"), hasErr), _classNames))
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__name"), _defineProperty({}, "".concat(preCls, "__name--required"), required))
   }, name), /*#__PURE__*/_react["default"].createElement("input", {
     className: (0, _classnames["default"])("".concat(preCls, "__input")),
     type: "text",
     value: inputValue,
-    placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
     onBlur: handleBlur,
     onChange: handleChangeInputValue
   }), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/components/book-demo/components/pc/index.js

@@ -48,7 +48,8 @@ var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       visible = _ref.visible,
       visibleChange = _ref.visibleChange,
       _ref$autoShow = _ref.autoShow,
-      autoShow = _ref$autoShow === void 0 ? false : _ref$autoShow;
+      autoShow = _ref$autoShow === void 0 ? false : _ref$autoShow,
+      source = _ref.source;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -106,7 +107,6 @@ var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     noHeadLine: true,
     visible: dialogVisible,
     onClose: handleCloseBookDemo,
-    animation: "slide-fade-up",
     noFooter: true,
     noCloseIcon: true,
     destroyOnClose: true,
@@ -123,13 +123,15 @@ var BookDemoPC = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     src: _demoClose["default"],
     className: (0, _classnames["default"])("".concat(preCls, "__close-icon"))
   })), /*#__PURE__*/_react["default"].createElement(_content["default"], {
+    source: source,
     type: type,
     onSubmitSuccess: handleCloseBookDemo
   }));
 });
 BookDemoPC.defaultProps = {
   autoShow: false,
-  visibleChange: function visibleChange() {}
+  visibleChange: function visibleChange() {},
+  source: 0
 };
 var _default = BookDemoPC;
 exports["default"] = _default;

package/lib/components/book-demo/constant.js

@@ -30,7 +30,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: true
@@ -39,7 +39,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     id: "",
     value: "",
     type: "dropSelect",
-    required: true,
+    required: false,
     option: [{
       text: "企业 CEO",
       value: "企业 CEO"
@@ -78,7 +78,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -87,7 +87,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "companyPersonNum",
     value: "1-30",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"
@@ -152,7 +152,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
       value: "计划管理"
     }],
     required: true,
-    multiSelect: false,
+    multiSelect: true,
     halfWidth: false
   }]
 }), _defineProperty(_bookTypeInfo, _interface.EDemoType.TryOKR, {
@@ -164,7 +164,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: true
@@ -173,7 +173,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "",
     value: "",
-    required: true,
+    required: false,
     option: [{
       text: "企业 CEO",
       value: "企业 CEO"
@@ -212,7 +212,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -221,7 +221,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "",
     value: "",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"
@@ -285,7 +285,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
       text: "计划管理",
       value: "计划管理"
     }],
-    required: true,
+    required: false,
     multiSelect: true,
     halfWidth: false
   }]
@@ -298,7 +298,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -316,7 +316,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -325,7 +325,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "companyPersonNum",
     value: "1-30",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"
@@ -399,7 +399,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: true
@@ -408,7 +408,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "",
     value: "",
-    required: true,
+    required: false,
     option: [{
       text: "企业 CEO",
       value: "企业 CEO"
@@ -447,7 +447,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -456,7 +456,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "companyPersonNum",
     value: "1-30",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"
@@ -533,7 +533,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -551,7 +551,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -560,7 +560,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "companyPersonNum",
     value: "1-30",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"
@@ -646,7 +646,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "name",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: true
@@ -655,7 +655,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "",
     value: "",
-    required: true,
+    required: false,
     option: [{
       text: "企业 CEO",
       value: "企业 CEO"
@@ -694,7 +694,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "text",
     id: "company",
     value: "",
-    required: true,
+    required: false,
     option: [],
     multiSelect: false,
     halfWidth: false
@@ -703,7 +703,7 @@ var bookTypeInfo = (_bookTypeInfo = {}, _defineProperty(_bookTypeInfo, _interfac
     type: "dropSelect",
     id: "companyPersonNum",
     value: "1-30",
-    required: true,
+    required: false,
     option: [{
       text: "1-30",
       value: "1-30"

package/lib/components/book-demo/utils.js

@@ -13,12 +13,13 @@ var getTypeData = function getTypeData(type) {
 
 exports.getTypeData = getTypeData;
 
-var getSource = function getSource(param) {
-  var reg = new RegExp("(^|&)".concat(param, "=([^&]*)(&|$)"));
-  var r = window.location.search.substr(1).match(reg) || window.location.hash.substring(window.location.hash.search(/\?/) + 1).match(reg);
+var getSource = function getSource() {
+  var reg = /source=[0-9]*/g;
+  var sourceQuery = window.location.href.match(reg);
 
-  if (r != null) {
-    return decodeURIComponent(r[2]);
+  if (sourceQuery) {
+    var source = decodeURIComponent(sourceQuery[0].split("=")[1]);
+    return source;
   }
 
   return 0;

package/lib/components/dialog/index.css

@@ -2,6 +2,10 @@
   z-index: 100;
 }
 
+.rc-dialog-header {
+  border-radius: 24px 24px 0 0;
+}
+
 .rc-dialog-wrap {
   display: flex;
   justify-content: center;

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

@@ -45,9 +45,9 @@
 
 .tita-ui-change-person-photo__upload-right-input {
   position: absolute;
-  top: 76px;
+  top: 0;
   width: 240px;
-  height: 60px;
+  height: 240px;
   opacity: 0;
   cursor: pointer;
 }
@@ -112,16 +112,16 @@
 .tita-ui-change-person-photo__upload-left-box {
   width: 160px;
   height: 32px;
-  background: #F0F2F5;
+  background: #f0f2f5;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
 }
 
 .tita-ui-change-person-photo__upload-left-preview {
   margin-top: 8px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -142,18 +142,18 @@
 .tita-ui-change-person-photo__preview-box-bgc {
   width: 160px;
   height: 32px;
-  background: #2879FF;
+  background: #2879ff;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
 }
 
 .tita-ui-change-person-photo__preview-box-browser {
   margin-left: 16px;
   width: 176px;
   height: 48px;
-  background: #F0F2F5;
+  background: #f0f2f5;
   border-radius: 2px;
-  border: 1px solid #E9ECF0;
+  border: 1px solid #e9ecf0;
   background-image: url("./img/browser-preview-bgc.png");
   background-size: 170px 28px;
   background-position: center center;
@@ -191,7 +191,7 @@
   margin-top: 36px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -209,7 +209,7 @@
   right: 10px;
   font-size: 12px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 18px;
 }
 
@@ -217,7 +217,7 @@
   margin-top: 58px;
   font-size: 14px;
   font-weight: 400;
-  color: #3F4755;
+  color: #3f4755;
   line-height: 22px;
 }
 
@@ -255,6 +255,7 @@
 }
 
 .tita-ui-change-person-photo__title-again {
+  opacity: 0;
   margin-left: 92px;
   margin-top: 8px;
   font-size: 14px;
@@ -264,15 +265,16 @@
 }
 
 .tita-ui-change-person-photo__title-again--show {
+  opacity: 1;
   color: #2879ff;
 }
 
 .tita-ui-change-person-photo__title-again--show:hover {
-  color: #5C8EFF;
+  color: #5c8eff;
 }
 
 .tita-ui-change-person-photo__title-again--hover {
-  color: #5C8EFF;
+  color: #5c8eff;
 }
 
 .tita-ui-change-person-photo__title-preview {

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

@@ -56,7 +56,8 @@ function ChangePhoto(props) {
       onCancel = props.onCancel,
       _props$type = props.type,
       type = _props$type === void 0 ? "person" : _props$type,
-      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto;
+      handleSuccessUploadPhoto = props.handleSuccessUploadPhoto,
+      title = props.title;
   var modalRef = (0, _react.useRef)();
   var cropperRef = (0, _react.useRef)(null);
 
@@ -115,8 +116,8 @@ function ChangePhoto(props) {
     var n = bstr.length;
     var u8arr = new Uint8Array(n);
 
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n);
+    for (var i = n; i > 0; i -= 1) {
+      u8arr[i] = bstr.charCodeAt(i);
     }
 
     return new File([u8arr], filename, {
@@ -162,18 +163,20 @@ function ChangePhoto(props) {
   };
 
   var handleSaveInfo = function handleSaveInfo() {
-    if (!image) {} else if (type === "person") {
-      (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
-    } else if (type === "enterprise") {
-      (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
-    } else {
-      (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
-        handleSuccessSave(resp);
-      });
+    if (image) {
+      if (type === "person") {
+        (0, _requestApi.saveUserPhoto)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      } else if (type === "enterprise") {
+        (0, _requestApi.saveTenantLogo)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      } else {
+        (0, _requestApi.saveBrowserIcon)(cropper).then(function (resp) {
+          handleSuccessSave(resp);
+        });
+      }
     }
   };
 
@@ -196,7 +199,7 @@ function ChangePhoto(props) {
     width: 480,
     mask: true,
     centered: true,
-    title: (0, _getLocale.getLocale)("Set_PI_Uploadavatar"),
+    title: title,
     noHeadLine: true,
     maskClosable: false,
     onClose: handleCancel,
@@ -264,25 +267,30 @@ function ChangePhoto(props) {
     condition: type === "person"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box1")
+    className: "".concat(preCls, "__preview-box1"),
+    alt: "bigImage"
   }), /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box2")
+    className: "".concat(preCls, "__preview-box2"),
+    alt: "middleImage"
   }), /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-box3")
+    className: "".concat(preCls, "__preview-box3"),
+    alt: "smallImage"
   })), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: type === "enterprise"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-enterprise-img")
+    className: "".concat(preCls, "__preview-enterprise-img"),
+    alt: "previewImage"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__preview-enterprise-title")
   }, item === null || item === void 0 ? void 0 : item.previewTitle)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
     condition: type === "browser"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     src: cropData,
-    className: "".concat(preCls, "__preview-browser-img")
+    className: "".concat(preCls, "__preview-browser-img"),
+    alt: "previewImage"
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__preview-browser-name")
   }, "Tita"), /*#__PURE__*/_react["default"].createElement("span", {

package/lib/pages/personal-info/components/person-photo/index.js

@@ -94,11 +94,12 @@ function PersonPhoto() {
     onClick: handleChangePhoto
   }, (0, _getLocale.getLocale)("Set_PI_Clicktomodify")), /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(prefix, "__main-tip")
-  }, (0, _getLocale.getLocale)("Set_PI_Suggestedsize"), " ", "150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
+  }, (0, _getLocale.getLocale)("Set_PI_Suggestedsize"), "150*150px")), /*#__PURE__*/_react["default"].createElement(_uploadPhotoModal["default"], {
     visible: visible,
     onCancel: handleCancel,
     type: "person",
-    handleSuccessUploadPhoto: handleSuccessUploadPhoto
+    handleSuccessUploadPhoto: handleSuccessUploadPhoto,
+    title: (0, _getLocale.getLocale)("Set_PI_Uploadavatar")
   }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.112",
+  "version": "1.9.116",
   "nameCN": "",
   "description": "",
   "main": "lib/index.js",